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

傳遞給您的link函數的element變量是一個jqLit​​e對象 - 不是DOM對象。您可以使用element[0]（就像您可以在jQuery中）那樣獲取DOM對象，但jqLit​​e爲您提供了一種方法：element.html()。檢查出docs。