Javascript 如何在AngularJS中获取指令内部的代码?

Javascript 如何在AngularJS中获取指令内部的代码?,javascript,angularjs,Javascript,Angularjs,假设我有HTML: <div my-directive> <--generic html--> </div my-directive> 在Angular 1.4中,如何获取指令代码中的指令代码?Transclude是一种设置,用于告诉Angular捕获标记中指令内的所有内容 有关详细信息,请参见“创建封装其他元素的指令”一节 如果编写自定义指令,则在指令模板中使用ng transclude标记要插入元素内容的点 angular.module('app

假设我有HTML:

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


在Angular 1.4中,如何获取指令代码中的指令代码?

Transclude是一种设置,用于告诉Angular捕获标记中指令内的所有内容

有关详细信息,请参见“创建封装其他元素的指令”一节

如果编写自定义指令,则在指令模板中使用
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>'
    };
  });
angular.module('app',[])
.directive('hero',function(){
返回{
限制:'E',
是的,
作用域:{name:'@'},
模板:“”+
“{{name}}
”+ '' + '' }; });
如果你把它放在你的标记中

<hero name="superman">Stuff inside the custom directive</hero>
自定义指令中的内容
它将显示为:

超人

自定义指令中的内容


使用@Nikolajdallarsen我会查出来的,谢谢!