AngularJS와 동적 지시 로딩

Question

나는 AngularJS와를 사용하고 있는데 현재와 같은 변수에 따라 포함 로딩하는 오전 :

<div ng-include="'app/views/' + field.fieldType + '.tpl.html'"></div> 

이 유사 (템플릿에 변수 이름 해제 키) 지시를로드 할 수 있을까요? 예 :

<div my-directive-{{field.fieldType}} /> 

감사합니다.

Answer 1

물론 이런 식으로 할 수 있습니다. Insert directive programmatically angular

Answer 2

그것은 가능하지만, 나는 (각 방법으로) 대신에 다음과 같은 추천에서 정보와

.directive('myDirective',function(){ 
    return { 
    link: function(scope,elem,attrs) { 
     var directiveName = attrs['my-directive']; 
     var directive = angular.element(document.createElement(directiveName)); 
     var el = $compile(directive)(scope); 

     angular.element(document.body).append(directive); 

    } 
    } 
}); 

:와

<div my-directive field-type="field.fieldType" /> 

위험을 재 컴파일 달성하기 위해 지침을 같은 것은 위험/노력 IMO의 가치가 없습니다.