angularJS_AngularJS で $attrs メソッドを使用するためのガイド

これは、angularJS で $attrs メソッドを使用する例です。

コードをコピー コードは次のとおりです: 无标题文档 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}} "、 置換: true、 制限: "AE"、 スコープ: { タイトル : "@t3"、 title2 : "@title2" } } }); app.directive('a', function() { var func = function() { console.log('コンパイル'); return function() { console.log('リンク'); } } var コントローラー = function($scope, $element, $attrs, $transclude) { //$transclude ：是命令标签の复制体 console.log('コントローラー'); console.log($scope); console.log($transclude); //$transclude は 2 つのパラメータを受け取り、このクローンの要素を操作できます。 var node = $transclude(function(clone_element,scope) { $element.append(clone_element); $element.append(" spanTag___ "); console.log(clone_element); console.log('--'); console.log(スコープ); }); console.log(ノード); } 戻り値 { コンパイル: func, テンプレート: " ", コントローラー: コントローラー、 トランスクルード: true、 制限: 'AE' } }); app.directive('compile',function() { var func = function() { console.log('コンパイル'); 戻り値 { pre: function() { console.log('リンク前') }、 post: function() { console.log('リンク投稿') }、 } } 戻り値 { 制限: "AE"、 コンパイル: func } }) app.directive('test', function(){ var func = function($element, $attrs){ console.log($attrs); $attrs.$observe('a', function(new_v){ console.log(new_v); }); } return {コンパイル: func, 制限: 'E'} }); app.controller('TestCtrl', function($scope){ $scope.a = 123; }); app.directive('te', function(){ var func = function($scope,$element, $attrs,$ctrl){ console.log($ctrl) //$attrs.$set. これはプロパティ設定b、值はooo、これはこれです $attrs.$set('b', 'ooo'); $attrs.$set('a-b', '11'); //これは少し不明瞭です //2 番目のパラメータの値 $attrs.$set('c-d', '11', true, 'c_d'); console.log($attrs); } return { コンパイル: function(){ 戻り関数 }, 制限: 'E' } }); app.controller('TestCtrl', function($scope){ $scope.show = function(v){console.log(v);} });

この記事はここまでです。angularJS での $attrs の使用について新たに理解していただければ幸いです。