如何在Angular JS的自定義標簽中訪問HTML？

Question

我創建了一個自定義指令。

<foo>
</foo>

有什么辦法可以在這些標記中訪問html嗎？ 例如

<foo>
<div>
....
</div>
</foo>

我想在我的JS中訪問此div。

Answer 1

您需要使用ngTransclude

https://docs.angularjs.org/api/ng/directive/ngTransclude

.directive('foo', function(){
  return {
    restrict: 'E',
    transclude: true,
    template: '<ng-transclude></ng-transclude>'
  }; 

Answer 2

為什么不使用data-attr語法？

<div data-foo>
    <div></div>
</div>

從評論中可以看出：您可以注入$element並訪問或復制它的內容。

Answer 3

1.使用模板定義指令2.by id屬性，您可以在.js文件中追加html標記集