美文网首页
AngularJs directive第二章 tranclude

AngularJs directive第二章 tranclude

作者: 报告老师 | 来源:发表于2017-11-16 15:55 被阅读16次

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

    相关文章

      网友评论

          本文标题:AngularJs directive第二章 tranclude

          本文链接:https://www.haomeiwen.com/subject/fanlvxtx.html