Angularjs ng-repeat

Question

द्वारा बनाए गए नए डोम तत्वों का चयन करें मैं वेब अनुप्रयोग के लिए Angularjs का उपयोग कर रहा हूं। मैंने अपनी समस्या का हल ढूंढने की कोशिश की है, और ऐसा लगता है कि Angularjs एनजी-दोहराने के भीतर नव निर्मित डीओएम तत्वों तक पहुंचने का एक आसान तरीका नहीं है।

मैंने वास्तविक समस्या दिखाने के लिए एक jsfiddle तैयार किया है। यहां लिंक है: http://jsfiddle.net/ADukg/956/

कृपया मुझे बताएं कि एनजी-दोहराने के भीतर नए डीओएम तत्व का चयन कैसे करें।

Answer 1

मेरी टिप्पणी पर विस्तार करने के लिए, मैंने आपके पहेली को एक निर्देश के सरल प्रत्यारोपण को दिखाने के लिए अद्यतन किया है जो तत्व की कक्षा को अलर्ट करता है।

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

मूल टिप्पणी:

नियंत्रक में डोम हेरफेर के बारे में, यह says here है कि आप यह बिल्कुल ऐसा नहीं करना चाहिए। इसे निर्देश में जाना चाहिए। नियंत्रक में केवल व्यापार तर्क होना चाहिए।

यह क्यों काम नहीं करता है, मुझे नहीं पता, लेकिन शायद ऐसा इसलिए है क्योंकि कोणीय समय पर इस समय अपनी सामग्री चला रहा है।

Answer 2

ऐसा करने के दो तरीके हैं:

1 एनजी-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 MutationObserverथोड़ा और अधिक जटिल
एक निर्देश के अंदर यह करें , उस तत्व पर जिसके माता-पिता को नया बच्चा मिल जाता है एन (<ul> इस मामले में)

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