angularjs - AngularJSelement.innerHTMLはディレクティブ内から未定義です

Question

私が持っているとしましょう：

directives.directive('foo', function () {
    return {
        restrict:'A',
        scope: true,
        link:function (scope, element, attr) {

            console.log('innerHTML is ' + element.innerHTML);

            scope.$watch('update', function (newValue) {
                console.log('innerHTML is... ' + element.innerHTML);
            });

        }
    }
});

...その後、innerHTMLは未定義です。これはAngularがDOMを処理する方法によるものだと思います。innerHTMLを取得する正しい方法は何ですか？

Answer 1

element関数に渡される変数はjqLit link​​eオブジェクトであり、DOMオブジェクトではありません。DOMオブジェクトはelement[0]（jQueryの場合と同様に）で取得できますが、jqLit​​eは次のメソッドを提供しますelement.html()。ドキュメントをチェックしてください。