正常的directive模版是不能嵌套的,
<hello>
<span>Qqqqq</span>
</hello>
如果没有设置tranclude配置项是不能将span内的内容显示出来的。
tranclude配置项能解决这个问题。
用例:
<div ng-app=“Traapp”>
<hello>
<span>Aaaa</span>
</hello>
</div>
<script>
var app= angular.module(“Traapp”,[]);
app.directive(“hello”,function(){
return{
restrict:”E”,
template:”<div>外部<span ng-tranclude>内部</span></div>”,
tranclude:true
}
});
</script>
结果输出:外部
内部
tranclude的参数是一个布尔值。directive默认是false,即不设置该配置项的时候是flase