AngularJs directive-transclude
2016-06-09 17:59
501 查看
transclude制定是否复用标签内部的html
制定方式是将当前标签内部内容,复制一份到template中制定 ng-transclude的元素内部
1.代码:
制定方式是将当前标签内部内容,复制一份到template中制定 ng-transclude的元素内部
1.代码:
<body ng-app="myApp"> <my-site> <p class="text-danger">原始的内容</p> </my-site> </body>
//transclude 是否复制原来控件内容,到 ng-transclude 的元素内部 var app = angular.module('myApp', []); app.directive('mySite', function () { return { restrict: 'E', template: '<strong>重点内容</strong><div ng-transclude></div>', transclude: true }; });
相关文章推荐
- AngularJs directive指令实例
- AngularJs directive指令详解
- AngularJs module模块简介
- [AngularJS面面观] 6. scope继承 - 基于原型继承的树形体系以及scope的生命周期
- AngularJS中内置过滤器问题?
- Angular文字折叠展开组件的原理分析
- AngularJS中Directive(指令)机制详解
- 依赖注入
- Routing in Angular 2 RC.1
- angular通过路由实现跳转 resource加载数据
- angular select 默认选中值
- AngularJs学习第八篇 过滤器filter创建
- AngularJs学习第五篇从Controller控制器谈谈$scope作用域
- angular Error: [ng:areq]
- AngularJs ng-repeat性能问题
- AngularJs ng-repeat重复项异常解决方案
- AngularJs Filter自定义过滤器控制ng-repeat去除重复
- AngularJS之指令中controller与link(十二)
- AngularJs(五)从Controller控制器谈谈$scope作用域
- angularjs里 什么时候加{{}} 什么时候不用?