热门搜索 :
考研考公
您的当前位置:首页正文

AngularJs directive第二章 tranclude

来源:东饰资讯网

正常的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

Top