AngularJs directive-controller实例
发布时间:2020-12-17 10:07:31 所属栏目:安全 来源:网络整理
导读: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 var app = angular.module('myApp',[]);app.direct
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> 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); }); } } }); (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |