Question

假设我有HTML：

<div my-directive>
  <--generic html-->
</div my-directive>

如何在Angular 1.4的<--generic html-->指令代码中获取my-directive？

Answer 1

Transclude是一个设置，用于告诉angular捕获标记中指令内的所有内容

在documentation of directives上创建一个包含其他元素的指令部分的更多内容。

如果编写自定义指令，则在指令模板中使用ng-transclude来标记要插入元素内容的点

angular.module('app', [])
  .directive('hero', function () {
    return {
      restrict: 'E',
      transclude: true,
      scope: { name:'@' },
      template: '<div>' +
                  '<div>{{name}}</div><br>' +
                  '<div ng-transclude></div>' +
                '</div>'
    };
  });

如果你把它放在你的标记中

<hero name="superman">Stuff inside the custom directive</hero>

它会显示如下：

超人

自定义指令
中的内容

如何在AngularJS中获取指令内的代码？

1 个答案: