AngleJS_AngularJS의 $attrs 메소드 사용 가이드

다음은 AngleJS에서 $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}} ", 바꾸기: 참, 제한: "AE", 범위 : { 제목 : "@t3", title2 : "@title2" } } }); app.directive('a', 함수() { var func = 함수() { console.log('컴파일'); 반환 함수() { console.log('링크'); } } var 컨트롤러 = function($scope, $element, $attrs, $transclude) { //$transclude ：是指令标签的复絓 console.log('컨트롤러'); console.log($scope); console.log($transclude); //$transclude接受两个参数，你可以对这个克隆의 元素进行操작동， var 노드 = $transclude(function(clone_element, 범위) { $element.append(clone_element); $element.append(" spanTag___ "); console.log(clone_element); console.log('--'); console.log(범위); }); console.log(노드); } 반환 { 컴파일: func, 템플릿: " ", 컨트롤러: 컨트롤러, 포함: 사실, 제한: 'AE' } }); app.directive('compile',function() { var func = 함수() { console.log('컴파일'); 반환 { 사전: 함수() { console.log('링크 사전') }, 게시물: function() { console.log('링크 게시물') }, } } 반환 { 제한: "AE", 컴파일 : func } }) app.directive('테스트', function(){ var func = 함수($element, $attrs){ console.log($attrs); $attrs.$observe('a', 함수(new_v){ console.log(new_v); }); } {컴파일: func, 을 반환합니다. 제한: 'E'} }); app.controller('TestCtrl', function($scope){ $scope.a = 123; }); app.directive('te', function(){ var func = 함수($scope,$element, $attrs,$ctrl){ console.log($ctrl) //$attrs.$set. 给这个属性设置b，值为oooo，就是这样 $attrs.$set('b', 'ooo'); $attrs.$set('a-b', '11'); //좀 불분명합니다 //두 번째 매개변수 값 $attrs.$set('c-d', '11', true, 'c_d'); console.log($attrs); } 반품 { 컴파일: function(){ 반환 기능 > 제한: 'E' } }); app.controller('TestCtrl', function($scope){ $scope.show = function(v){console.log(v);} }); >