템플릿 기능에서 지침을 사용할 수 있습니까?

Question

이 간단한 예제는 내가이 질문을 위해 작성한 것입니다. 지시어를 사용하고 템플릿의 지시문 속성에 객체를 전달할 수 있는지 궁금합니다. templateUrl이 아닙니다.. 나는 다음과 같이 작동 할 것이라고 생각합니다 :

angular.module('myModule') 
    .directive('someDirective', function() { 
    return { 
     scope: { 
     u: '=', 
     }, 
     template: '<avatar user="u"></avatar>', 
    }; 
    }); 

Answer 1

예! 정의 순서는 중요하지 않습니다.

app.directive("directive1", function() { 
    return { 
     restrict: 'E', 
     scope: { 
      u: '@' 
     }, 
     template : "<h4>{{u}}</h4><directive2 user='{{u}}'></directive2>" 
    }; 
}); 
app.directive("directive2", function() { 
    return { 
     restrict: 'E', 
     scope: { 
      user: '@' 
     }, 
     template : "<h1>{{user}}</h1>" 
    }; 
}); 

이 jsfiddle

Answer 2

행동에서 네, 범위 속성을 통해 상태를 통과하기 쉽습니다을 참조하십시오. 개념을 보여주는 plunkr이 있습니다.

app = angular.module('app',[]) 
    .directive('someDirective', function() { 
    return { 
     scope: { 
     u: '=', 
     }, 
     template: '<avatar user="u"></avatar>', 
    }; 
    }).directive('avatar', function() { 
    return { 
     scope: { 
     user: '=', 
     }, 
     template: '<span>{{user.name}}</span>', 
    }; 
    })