scope 재정의

1258 단어
.directive('myAttr', function() {
    return {
        restrict: 'E',
        scope: {
            customerInfo: '=info'
        },
        template: 'Name: {{customerInfo.name}} Address: {{customerInfo.address}}<br>' +
                  'Name: {{vojta.name}} Address: {{vojta.address}}'
    };
});

 
 
directive :

 
restrictE: 이directive는 요소로만 사용할 수 있음을 나타냅니다. 즉, A: 이directive는attribute로만 사용할 수 있음을 나타냅니다. 즉,
EA: 이directive는 요소로도 사용할 수 있고 attribute로도 사용할 수 있음을 나타냅니다
:transclude: 당신의directive는 페이지의 다른 html 내용을 받아들일 때 사용할 수 있습니다. 이 인자를 제거하는 것을 권장합니다.좀 고급스러워.
scope: 이 속성을 쓰면 이directive가 컨트롤러에서 $scope 대상을 계승하지 않고 다시 만듭니다..
templateUrl: 당신의 directive에 있는 html 내용입니다
링크:directive가angular에 의해 컴파일된 후에 이 방법을 실행하는 것으로 간단하게 이해할 수 있습니다

좋은 웹페이지 즐겨찾기