Ottenere il primo figlio nella direttiva AngularJS

Question

Voglio ottenere e modificare il primo figlio dell'elemento specificato in una direttiva Angolare.

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

Ho già provato

elm.children('.wanted') 

ma poi la mia direttiva modifica tutti i bambini. Come posso farlo correttamente?

Answer 1

è possibile utilizzare:

elm.children().first(); 

o:

elm.children(':first') 

Entrambi avranno lo stesso effetto. Il secondo è leggermente più performante.

Answer 2

Angolare include jqLite. JqLite non accetta un selettore per children() - ecco perché stai ricevendo tutti gli elementi figlio diretti.

È possibile utilizzare .find. Per esempio:

elm.find('.wanted'); 

Answer 3

In modo angolare, con l'aiuto delle direttive

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

controller

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

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

Answer 4

io uso: element.children().eq(0)

children() - ottenere i figli di ogni elemento in il set di elementi abbinati

eq() - Ridurre l'insieme di elementi corrispondenti a quello in corrispondenza dell'indice specificato