동적으로 생성 된 템플릿에 각도식이 누락되었습니다.

Question

동적으로 생성 된 지시문 (함수 사용)과 각도 표현식이 최종 마크 업에서 필터링되어 화면에 표시되지 않는 문제가 있습니다. 나는 JSFiddle displaying the problem here을 만들었습니다.

요소 내부의 특성을 기반으로 마크 업을 생성하는 방법이 필요했기 때문에 템플릿을 동적으로 생성합니다. 과 같이 인체에

angular.module('ui.directives', []).directive('uiBar', function() { 
    return { 
     restrict: 'E', 
     template: function(element, attrs) { 
      console.log('hello'); 
      return '<div>lol: {{ user }}</div>'; 
     } 
    }; 
}); 

및 배치 :

기본적과 같이 식을 정의 할 때

<div ng-app="myApp"> 
    <ui-bar>I should change to iambar</ui-bar> 
</div> 

얻어진 마크 업이다

는

<div ng-app="myApp" class="ng-scope"> 
    <ui-bar><div class="ng-binding">lol: </div></ui-bar> 
</div> 

발현은 웬일인지 퇴장했다. 아무도 이것을 경험 한 적이 있습니까?

Answer 1

동적으로 생성 된 템플릿으로 수행하려는 작업을 이해하지 못합니다. 아래는 귀하의 예를 해결하기 위해 제가 일반적으로하는 일입니다.

HTML 형식은 다음과 같습니다.

<ui-bar new-value="hello">I should change</ui-bar> 

지침의 return 문은 위의 코드가 jsFiddle에서 작동이

return { 
    restrict: 'E', 
    template: "<div>lol: {{ user }}</div>", 

    link: function (scope, element, attrs){ 
    scope.user = attrs.newValue; 
    } // end link 
} // end return 

처럼 보일 것입니다.

정보를 더 추가 할 수 있다면 더 많은 예제를 제공 할 수 있습니다.