Guide d'utilisation de la méthode $attrs dans angulaireJS_AngularJS

Voici un exemple d'utilisation de la méthode $attrs dans angulaireJS :

Copier le code Le code est le suivant : 无标题文档 http://localhost:81/js/jquery.js "> http://localhost:81/js/angular.min.js "> a_directive 原始内容 原始内容 原始内容 修改 这里 var app = angular.module('Demo', [], angular.noop); app.controller("TestCtrl", function($scope) { $scope.name = "qihao"; }); app.directive("t", function() { return { controller : function($scope){$scope.name = "qq"}, template : " test:implementToParent{{name}} ", replace : true, scope : true //作用域是继承的,默认就是继承的 } }); app.directive("t2", function() { return { controller : function($scope){$scope.name = "nono"}, template : " test:implementToParent{{name}} ", replace : true, restrict : "AE" } }); app.directive("t3", function() { return { template : " test:implementToParent_titleIs:{{title}} title2Is:{{title2}} ", remplacer : vrai, restreindre : "AE", portée : { titre : "@t3", titre2 : "@titre2" > > }); app.directive('a', fonction() { var func = fonction() { console.log('compile'); return function() { console.log('lien'); > > var contrôleur = fonction ($scope, $element, $attrs, $transclude) { //$transclude ：是指令标签的复制体 console.log('contrôleur'); console.log($scope); console.log($transclude); //$transclude接受两个参数，你可以对这个克隆的元素进行操作， var node = $transclude(function(clone_element, scope) { $element.append(clone_element); $element.append(" spanTag___ "); console.log(clone_element); console.log('--'); console.log(scope); }); console.log(noeud); > revenir { compiler : func, modèle : " ", contrôleur : contrôleur, transclure : vrai, restreindre : 'AE' > }); app.directive('compile',function() { var func = fonction() { console.log('une compilation'); revenir { pré: function() { console.log('un lien pré') }, message : fonction() { console.log('un article de lien') }, > > revenir { restreindre : "AE", compiler : func > }) app.directive('test', function(){ var func = fonction ($ élément, $ attrs) { console.log($attrs); $attrs.$observer('a', function(new_v){ console.log(new_v); }); > return {compile : func, restreindre : 'E'} }); app.controller('TestCtrl', fonction($scope){ $scope.a = 123; }); app.directive('te', function(){ var func = fonction ($scope,$element, $attrs,$ctrl){ console.log($ctrl) //$attrs.$set. 给这个属性设置b，值为ooo，就是这样 $attrs.$set('b', 'ooo'); $attrs.$set('a-b', '11'); //Ce n'est pas clair //La valeur du deuxième paramètre $attrs.$set('c-d', '11', true, 'c_d'); console.log($attrs); } revenir { compile : function(){ Fonction de retour }, restreindre : 'E' } }); app.controller('TestCtrl', function($scope){ $scope.show = function(v){console.log(v);} });

C'est tout pour cet article. J'espère que vous pourrez avoir une nouvelle compréhension de l'utilisation de $attrs dans angulaireJS. J'espère que vous aimerez cet article.