ディレクティブ要素パラメータにHTMLマークアップを取得する

Question

In this plunk私は、UL要素で宣言されているディレクティブを持っています。

<directive> 
    <ul> 
    <li id="0">xxx 0</li>   
    <li id="1">xxx 1</li>   
    <li id="2">xxx 2</li>   
    </ul> 
</directive> 

私はディレクティブリンク機能でelementパラメータを分析することによって、これらを取得しようとしているが、私は唯一のinnerHTMLの中でそれらを得ます。私が必要とするのは、li要素のIDとテキストをDOMとして取得することです。何か案は？

angular.module('app', []); 
angular.module('app').directive('directive', function() { 
    var directive = {}; 
    directive.restrict = 'AE'; 
    directive.scope = true; 
    directive.link = function(scope, element, attrs) {  
     console.log(element) 
    }; 
    return directive; 
}); 

Answer 1

あなたがquerySelectorを使用するために持っていけないディレクティブの要素を持っているので、

あなたが直接行うことができ、

directive.link = function(scope, element, attrs) { 
     console.log(element.find("ul")[0].children); 
}; 

DEMO

Answer 2

はいできます。要素をログに記録すると、それはオブジェクトのような配列であることがわかり、HTML要素を取得するにはまず配列のキーを選択する必要があります。

}）;

http://plnkr.co/edit/ajLmjxnDJ1JXjkk86aRh?p=preview