Nhận con đầu tiên trong chỉ thị AngularJS

Question

Tôi muốn nhận và sửa đổi con đầu tiên của phần tử đã cho trong chỉ thị Góc.

<div class="wanted"> 
</div> 
<div class="not-wanted"> 
</div> 
<div class="not-wanted"> 
</div> 

Tôi đã cố gắng

elm.children('.wanted') 

nhưng sau đó chỉ thị của tôi sẽ thay đổi tất cả trẻ em. Tôi làm cách nào để thực hiện điều này một cách chính xác?

Answer 1

Bạn có thể sử dụng:

elm.children().first(); 

hay:

elm.children(':first') 

Cả hai sẽ có tác dụng tương tự. Cách thứ hai có hiệu suất cao hơn một chút.

Answer 2

Góc bao gồm jqLite. JqLite không chấp nhận một bộ chọn cho children() - vì vậy đó là lý do tại sao bạn nhận được tất cả các phần tử con trực tiếp.

Bạn có thể sử dụng .find. Ví dụ:

elm.find('.wanted'); 

Answer 3

Bằng cách góc với sự giúp đỡ của Chỉ thị

<div ng-repeat="name in names"> 
<div check-render>{{name}}</div> 
</div> 

khiển

angular.module('myApp').directive('checkRender', function ($timeout) { 
    return { 
     restrict: 'A', 

     link: function (scope, el, attrs) { 
if(scope.$first) 
alert('first called'); 
} 
} 
}); 

Answer 4

tôi sử dụng: element.children().eq(0)

children() - Lấy trẻ em của mỗi phần tử trong tập hợp các phần tử phù hợp

eq() - Giảm các thiết lập của các yếu tố phù hợp với một trong những lúc chỉ số quy định