码迷,mamicode.com
首页 > 其他好文 > 详细

transclude 嵌入

时间:2015-10-27 16:45:15      阅读:345      评论:0      收藏:0      [点我收藏+]

标签:

transclusion 指的是定义模版的元素如何处理问题。在使用它的时候,需要在两个地方说明,一是在指令中说明需要嵌入,二是在模版中说明嵌入到哪里。

元素部分:

<body>
    <hello>12345678</hello>
</body>

js部分:

var myModule = angular.module(‘myModule‘,[]);
myModule.directive(‘hello‘,function(){
    return {
        restrict:‘E‘,
        template:‘<div>Hi everyone!<span ng-transclude></span></div>‘,
        replace:true,
        transclude: true
    }
})

输出:

<div>Hi everyone!
  <span ng-transclude="">
    <span class="ng-scope">12345678</span>
  </span> </div>

 

transclude 嵌入

标签:

原文地址:http://www.cnblogs.com/lixuemin/p/4914187.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!