ng-repeat的包裝指令找不到子元素

Question

我想要包裝指令獲取元素並將事件綁定到它們。 我的標記是這樣的：

<div wrapping-directive> 
    <div ng-repeat='item in items'></div> 
</div> 

我要的是讓包裝指令中被NG重複創建的所有物品，像這樣：

app.directive('wrappingDirective', function() { 
    return function(scope, element, attrs) { 
     var items = element.find('div'); // this returns an empty array 
     // if i write $(element).find('div'); it returns an empty array as well 
    } 
}); 

Answer 1

也許打下指令直接項目和給他們的事件。

<div> 
    <div ng-repeat='item in items' event-directive></div> 
</div> 

app.directive('eventDirective', function() { 
    return { 
     link: function(scope, element, attrs) { 
      $(element).click(// 
     }   
    } 
}); 

或者將該列表注入指令本身。

<div wrapping-directive> 

</div> 

app.directive('wrappingDirective', function() { 
    return { 
     scope: { 
     "items": "=" 
     }, 
     template:"<div ng-repeat='item in items' ng-click='doSomething(item)'></div>", 
     link: function(scope, element, attrs) { 
      $scope.doSomething = function(item){ 
      // 
      } 
     } 
    } 
});