在ng-repeated指令中訪問重複項目

Question

我在AngularJS中構建了一個自定義指令，我需要重複幾次。目前，我的網頁看起來是這樣的：

<div my-item ng-repeat="item in items" /> 

我的指令看起來像這樣：

module.directive('myItem', function() { 
    return { 
     restrict: 'A', 
     replace: true, 
     scope: { item: '&' }, 
     template: '<div id="item{{$index}}"></div>', 
     link: function($scope, element, attributes) { 
      element.append('<div>' + $scope.item.name + '</div>'); 
     } 
    }; 
}); 

但是，邏輯函數裏面，$scope.item.name產生不確定的。我想知道是否有任何方法可以訪問我的指令中重複的項目。

如果不是，我的替代方案是什麼？在指令中移動ng-repeat，也許？

P.S.我知道你應該（通常來說）不要這樣做DOM操作，但是因爲我可能有2000個項目會導致6000個綁定，我擔心這會導致嚴重的性能問題。

Answer 1

你應該通過項目的屬性來指令創建一個樣本指令 http://plnkr.co/edit/l5r6zIc7ncT1XldRuB98?p=preview