Seleccionar nuevos elementos DOM creados por Angularjs ng-repeat

Question

Estoy usando Angularjs para una aplicación web. He intentado buscar para encontrar una solución a mi problema, y ​​parece que Angularjs no facilita una manera fácil de acceder a elementos DOM recientemente creados dentro de ng-Repeat.

He preparado un jsfiddle para mostrar el problema real. aquí está el enlace: http://jsfiddle.net/ADukg/956/

Por favor, hágame saber cómo seleccionar el nuevo elemento DOM dentro de ng-repeat.

Answer 1

Para ampliar mi comentario, he actualizado su violín para mostrar una implementación simple de una directiva que alerta a la clase del elemento.

http://jsfiddle.net/ADukg/994/

comentario original:

En cuanto a manipulación del DOM en el controlador, que says here que no se debe hacerlo en absoluto. Debería ir en una directiva. El controlador solo debe contener lógica comercial.

Por qué no funciona, no sé, pero es probable porque angular todavía está ejecutando sus propias cosas en este momento.

Answer 2

Hay dos maneras de hacer esto:

1 ng-init

function controller($scope) { 
    $scope.items = [{id: 1, name: 'one'}, {id: 2, name: 'two'}]; 

    $scope.initRepeaterItem(index, item) { 
    console.log('new repeater item at index '+index+':', item); 
    } 
} 

<ul> 
    <li ng-repeat="item in items" ng-init="initRepeaterItem($index, item)"></li> 
</ul> 

2 MutationObserverun poco más compleja
hacer esto dentro de una directiva , en el elemento cuyo padre recibe nuevo hijo en (<ul> en este caso)

var observer = new MutationObserver(function(mutations) { 
    mutations.forEach(function(mutation) { 
    // you get notified about DOM mutations here 
    // check mutation.type if it was an insertion 
    console.log(mutation.target.nodeName, mutation.type, mutation); 
    }); 
}); 

var config = {childList: true, attributes: false, characterData: false, 
    subtree: false, attributeOldValue: false, characterDataOldValue: false}; 

observer.observe(element[0], config); 

 
Demo    http://plnkr.co/h6kTtq 
Documentation  https://developer.mozilla.org/en/docs/Web/API/MutationObserver 
Browser support http://caniuse.com/mutationobserver