假设我有 HTML:
<div my-directive>
<--generic html-->
</div my-directive>
我如何才能进入Angular 1.4<--generic html-->
的指令代码my-directive
?
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>'
};
});
如果你把它放在你的标记中
<hero name="superman">Stuff inside the custom directive</hero>
它会显示为:
超人
自定义指令中的内容
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句