AngularJS yönergesinde ilk çocuğu alın

Question

Belirtilen öğenin ilk çocuğunu Açısal yönergede almak ve değiştirmek istiyorum.

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

Zaten

elm.children('.wanted') 

çalıştı ama sonra benim yönergesi tüm çocukları değiştirir. Bunu nasıl doğru yapabilirim?

Answer 1

yapabilirsiniz ya kullanım:

elm.children().first(); 

ya:

elm.children(':first') 

Her ikisi de aynı etkiye sahip olacaktır. İkincisi biraz daha performanslıdır.

Answer 2

Köşeli jqLite içerir. JqLite, children() için bir seçiciyi kabul etmiyor - bu nedenle, tüm doğrudan çocuk öğelerini alıyorsunuz.

.find'u kullanabilirsiniz. Örneğin:

elm.find('.wanted'); 

Answer 3

Direktifleri

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

Kontrolör yardımı ile açısal şekilde

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

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

Answer 4

kullandığım: element.children().eq(0)

children() - her elemanın çocukları alın eşleştirilen öğeler kümesi

eq() -