通過指令

Question

DOM元素的子元素循環在此plunk我有一個指令，將元素追加到DOM。當我嘗試在循環中使用children()時，我得到一個異常，forEach不是函數。由於children()返回一個數組我預計這個工作。如何讓孩子？

的Javascript：

directive.link = function (scope, element, attrs) { 

    var wrap = angular.element('<div id="wrap"></div>'); 
    var wrapc = $compile(wrap)(scope) 
    element.append(wrapc); 

    var node1 = angular.element('<div id="node1"></div>'); 
    var node1c = $compile(node1)(scope) 
    wrapc.append(node1c); 

    var node2 = angular.element('<div id="node2"></div>'); 
    var node2c = $compile(node2)(scope) 
    wrapc.append(node2c); 

    var children = wrapc.children(); 
    children.forEach(function(elem){ // <-- this doesn't work 
     console.log(elem.attr('id')); 
    }); 

}; 

Answer 1

我不知道如果這是你需要實現什麼，但我會寫這樣的：

var children = wrapc.children(); 
angular.forEach(children, function(value, key){ 
    console.log(children[key].id)); 
}); 

Answer 2

jQuery的方法.attr()被拋出異常，我可以通過將其更改爲使用javascript中的.id來修復它。

更新plunker：http://plnkr.co/edit/OT0fSnryaY7A4hmeZLj9?p=preview