Angularjs使用管理的自定义指令实现属性继承的方法详解

本文实例讲述了Angularjs使用管理的自定义指令实现属性继承的方法。分享给大家供大家参考，具体如下：

一、Html代码：

！DOCTYPE html html xmlns=' http://www .w3。org/1999/XHTML ' head meta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8'/title/title脚本src='http:/./内容/插件/角度/角度。量滴js '/script/head body ng-app=' main app ' ng-controller=' main controller ' quber-grid style=' border : 1px solid # f00；title=' qubernet '/quber-grid/body/html二、tmp.html文件

div quber-网格-attr我是测试的模板内容！/div三、Js代码：

//初始化有角的对象var myNg=angular。模块(' mainApp '，[])；myNg.directive('quberGrid '，function(){ return { restrict : ' EA '，replace: true，//移除量子位网格标签templateUrl: 'tmp.html '，link:函数(上海合作组织，埃勒，阿特尔){ //通知下属多姆，执行名为sendschildgridattr的事件上海合作组织$broadcast('sendChildGridAttr '，attr)；} };});米恩。指令(' qubergriddattr '，函数(){ return { restrict : ' A '，link: function (sco，ele，attr) { sco .$on('sendChildGridAttr '，函数（事件，数据){ angular.forEach(数据，函数(val，key，obj) { if (key！='$attr '键！='$$element') { //设置标签属性和值attr .$set(key，val)；} });});} };});米恩。控制器('主控制器'，函数($ scope){ })；效果如下：

希望本文所述对大家AngularJS程序设计有所帮助。