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函数的变量是jqLit​​e对象 - 而不是DOM对象.您可以使用element[0](就像在jQuery中一样)获取DOM对象,但是jqLit​​e为您提供了一种方法:element.html().查看文档.