ディレクティブのDOM要素の子をループする

Question

この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()が例外を投げていました、私は.idをjavascriptから使用するように変更して修正できました。 http://plnkr.co/edit/OT0fSnryaY7A4hmeZLj9?p=preview