AngularJS element.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传递给您的 link 的变量function 是一个 jqLit​​e 对象 - 而不是 DOM 对象。您可以通过 element[0] 获取 DOM 对象(就像在 jQuery 中一样)，但是 jqLit​​e 为您提供了一个方法:element.html() .查看 docs .