在指令中使用ng-repeat循环显示出商品列表

angular.module("goodsInsert",[]) .directive("myDirective",function(){ return{ restrict:'EA', template:'
' +'
' +'
' +'
{{item.name}}
' +'
{{item.price | currency:"￥"}}
已售{{item.saleCount}}件
' +'
{{item.producer.lastname}}
' +'
' +'
' }; });

在controller中定义跳转传参，main为产品列表展示页，design为选中跳转的商品详情页

myApp.controller("mainCtrl", function($scope,$http,goodsService,$state) { var data=goodsService.getNewGoods(); data.then(function(data){ $scope.data=data.results; },function(data){ $scope.error=data; }); $scope.toPage=function(id){ if ($scope.$root.$$phase != '$apply' && $scope.$root.$$phase != '$digest') { $scope.$apply(); } alert(111); $state.go('index.detail',{ID:$scope.data[0].id}); } }); myApp.controller('designCtrl',function($scope,$state,$stateParams){ var receivedId = $stateParams.ID; alert(receivedId); })

此时并不跳转，也不能触发点击事件，将在ng-repeat中添加的ng-click改为toPage（id）可以跳转，但此时传递的参数依然是controller中写死的$scope.data[0].id，不是点击对应的商品
请问各位大神有什么解决办法嘛？