요리 닭학 AngularJS 11 모듈식 키워드 directive restrict template

1896 단어

1: 태그 메소드 앱.directive ("탭 이름", function () {방법});


PS:1.directive 키워드를 통해 모듈을 정의합니다.
PS:2.restrict 키워드를 "E"로 설정하면 일치하는 탭을 나타냅니다.
PS:3.템플릿 키워드를 통해 템플릿 내용을 설정합니다.






var app = angular.module('myapp', []); app.controller("Test", function($scope){ }); app.directive ("div",function(){ var direction = {}; direction.restrict = "E"; direction.template =" "; return direction; });

2: 속성 방법 앱.directive ('속성명',function () {방법});


PS:1.directive 키워드를 통해 모듈을 정의합니다.
PS:2.restrict 키워드를 "A"로 설정하면 일치하는 속성을 나타냅니다.
PS:3.템플릿 키워드를 통해 템플릿 내용을 설정합니다.






var app = angular.module('myapp', []); app.controller("Test", function($scope){ }); app.directive ("a",function(){ var direction = {}; direction.restrict = "A"; direction.template =" "; return direction; });

위의 두 가지 방법 PS:directive 모듈 방법 키워드.direction.restrict = "AE"; 태그와 속성을 동시에 사용할 수 있습니다.direction.templateUrl = 경로/파일 이름;direction.template ='템플릿 내용';

3: 라벨을 정의하여 직접 인용합니다.







    
     
    



var app = angular.module('myapp', []);
app.controller("Test", function($scope){
    
});

app.directive ("username",function(){
    var direction = {};
    direction.restrict = "AE";
    direction.template = '<div><lable> </lable></div>';
    return direction;
});

좋은 웹페이지 즐겨찾기