Javascript 如何在AngularJS中获取指令内部的代码?
假设我有HTML: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
<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我会查出来的,谢谢!