您好,欢迎来到知库网。
搜索
您的当前位置:首页AngularJs directive第二章 tranclude

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

Copyright © 2019- zicool.com 版权所有 湘ICP备2023022495号-2

违法及侵权请联系:TEL:199 1889 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务