Berikut ialah contoh menggunakan kaedah $attrs dalam angularJS: Salin kod Kod adalah seperti berikut: 无标题文档 http://localhost:81/js/jquery.js</a>"><br> http://localhost:81/js/angular.min.js</a>"><br> a_directive 原始内容 原始内容 原始内容 修改 这里 <br> var app = angular.module('Demo', [], angular.noop);<br> app.controller("TestCtrl",<br> function($scope) {<br> $scope.name = "qihao";<br> });<br> app.directive("t",<br> function() {<br> return {<br> controller : function($scope){$scope.name = "qq"},<br> template : "<div>test:implementToParent{{name}}</div>",<br> replace : true,<br> scope : true //作用域是继承的,默认就是继承的<br> }<br> });<br> app.directive("t2",<br> function() {<br> return {<br> controller : function($scope){$scope.name = "nono"},<br> template : "<div>test:implementToParent{{name}}</div>",<br> replace : true,<br> restrict : "AE"<br> }<br> });<br> app.directive("t3",<br> function() {<br> return {<br> template : "<div>test:implementToParent_titleIs:{{title}}<br>title2Is:{{title2}}</div>",<br> ganti : benar,<br> hadkan : "AE",<br> skop : {<br> tajuk : "@t3",<br> tajuk2 : "@title2"<br> }<br> }<br> });<br> app.directive('a',<br> fungsi() {<br> var func = function() {<br> console.log('compile');<br> kembalikan fungsi() {<br> console.log('pautan');<br> }<br> }<br> pengawal var = fungsi($skop, $elemen, $attrs, $transclude) {<br> //$transclude :是指令标签的复制体<br> console.log('controller');<br> console.log($skop);<br> console.log($transclude);<br> //$transclude接受两个参数,你可以对这个克隆的元素进行操作,<br> nod var = $transclude(fungsi(elemen_klon, skop) {<br> $elemen.tambah(elemen_klon);<br> $element.append("<span>spanTag___</span>");<br> console.log(elemen_klon);<br> console.log('--');<br> console.log(skop);<br> });<br> console.log(nod);<br> }<br> kembali {<br> menyusun: func,<br> templat: "<h1 ng-transclude></h1>",<br> pengawal: pengawal,<br> transclude: benar,<br> hadkan: 'AE'<br> }<br> });<br> app.directive('compile',function() {<br> var func = function() {<br> console.log('compile');<br> kembali {<br> pra: function() {<br> console.log('pautan pra')<br> },<br> jawatan: function() {<br> console.log('siaran pautan')<br> },<br> }<br> }<br> kembali {<br> hadkan : "AE",<br> compile : func<br> }<br> })<br> app.directive('test', function(){<br> var func = function($element, $attrs){<br> console.log($attrs);<br> $attrs.$observe('a', function(new_v){<br> console.log(new_v);<br> });<br> }<br> return {compile: func,<br> hadkan: 'E'}<br> });<br> app.controller('TestCtrl', function($skop){<br> $scope.a = 123;<br> });<br> app.directive('te', function(){<br> var func = function($skop,$elemen, $attrs,$ctrl){<br> console.log($ctrl)<br> //$attrs.$set. 给这个属性设置b,值为ooo,就是这样<br> $attrs.$set('b', 'ooo');<br> $attrs.$set('a-b', '11');<br> //Ini agak tidak jelas //Nilai parameter kedua<br> $attrs.$set('c-d', '11', true, 'c_d');<br> console.log($attrs);<br> }<br> kembali {<br> menyusun: function(){<br> Kembalikan fungsi<br> } had: 'E'<br> }<br> });<br> app.controller('TestCtrl', function($scope){<br> $scope.show = function(v){console.log(v);}<br> });<br> </body><br> </html><br> <br><br> </div>Itu sahaja untuk artikel ini, saya harap anda boleh mendapat pemahaman baharu tentang penggunaan $attrs dalam angularJS.