AngularJs directive-controller实例
2016-06-09 18:11
585 查看
1.代码
<body ng-app="myApp">
<my-site value="http://www.tianma3798.cn/" text="爱短句">爱短句1</my-site>
<div my-site class="bg-danger" value="http://www.tianma3798.cn/" text="爱短句">爱短句2</div>
</body>
<body ng-app="myApp">
<my-site value="http://www.tianma3798.cn/" text="爱短句">爱短句1</my-site>
<div my-site class="bg-danger" value="http://www.tianma3798.cn/" text="爱短句">爱短句2</div>
</body>
var app = angular.module('myApp', []);
app.directive('mySite', function () {
return {
restrict: 'EA',
transclude: true,
controller: function ($scope, $element, $attrs, $transclude) {
$transclude(function (clone) {
var a = angular.element('<a>');
a.attr('href', $attrs.value);
a.text(clone.text());
$element.append(a);
});
}
}
});
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- AngularJs directive-scope
- AngularJs directive-transclude
- 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（十二）