Hier ist ein Beispiel für die Verwendung der $attrs-Methode in AngularJS: Code kopieren Der Code lautet wie folgt: <br> 无标题文档<br> 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> ersetzen: wahr,<br> einschränken: „AE“,<br> Geltungsbereich: {<br> Titel: „@t3“,<br> Titel2: „@Titel2“<br> }<br> }<br> });<br> app.directive('a',<br> function() {<br> var func = function() {<br> console.log('compile');<br> return function() {<br> console.log('link');<br> }<br> }<br> var controller = function($scope, $element, $attrs, $transclude) {<br> //$transclude:是指令标签的复制体<br> console.log('controller');<br> console.log($scope);<br> console.log($transclude);<br> //$transclude接受两个参数，你可以对这个克隆的元素进行操作，<br> var node = $transclude(function(clone_element, Scope) {<br> $element.append(clone_element);<br> $element.append("<span>spanTag___</span>");<br> console.log(clone_element);<br> console.log('--');<br> console.log(scope);<br> });<br> console.log(node);<br> }<br> zurück {<br> kompilieren: func,<br> Vorlage: „<h1 ng-transclude></h1>“,<br> Controller: Controller,<br> transclude: wahr,<br> einschränken: 'AE'<br> }<br> });<br> app.directive('compile',function() {<br> var func = function() {<br> console.log('eine Kompilierung');<br> zurück {<br> pre: function() {<br> console.log('a link pre')<br> },<br> Beitrag: function() {<br> console.log('ein Linkbeitrag')<br> },<br> }<br> }<br> zurück {<br> einschränken: „AE“,<br> kompilieren: 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> einschränken: 'E'}<br> });<br> app.controller('TestCtrl', function($scope){<br> $scope.a = 123;<br> });<br> app.directive('te', function(){<br> var func = function($scope,$element, $attrs,$ctrl){<br> console.log($ctrl)<br> //$attrs.$set. 给这个属性设置b，值为ooo，就是这样<br> $attrs.$set('b', 'ooo');<br> $attrs.$set('a-b', '11');<br> //Das ist etwas unklar //Der zweite Parameterwert<br> $attrs.$set('c-d', '11', true, 'c_d');<br> console.log($attrs);<br> }<br> zurück {<br> kompilieren: function(){<br> Rückgabefunktion<br> },<br> einschränken: 'E'<br> }<br> });<br> app.controller('TestCtrl', function($scope){<br> $scope.show = function(v){console.log(v);}<br> });<br> </body><br> </html><br> <br> </div> Das ist alles für diesen Artikel. Ich hoffe, dass Ihnen dieser Artikel gefällt. <p></p>
