AngularJs의 태그 태그 이름

Question

AngularJs의 변수에 태그 이름을 바인딩하고 싶습니다. 직접 연결 방식이 작동하지 않음 :

<div ng-app ng-init="list=['pre', 'div', 'em']"> 
Check the list: {{list}} 
<div data-ng-repeat="item in list"> 
{{item}}: <{{item}}>content</{{item}}> 
</div> 
</div> 

어떻게해야할까요?

Answer 1

Directive을 만들고 $compile 서비스 모듈을 사용하려고합니다.

Answer 2

각형 템플릿 시스템은 문자열이 아닌 DOM 트리에서 작동하므로 템플릿은 유효한 HTML이어야하며 태그를 위해 {{}}을 (를) 사용할 수 없습니다. 우리는 자신의 지시문을 작성할 수 있습니다 (최대 답변 참조). 여기에 작은 옵션 세트가 있으면 ng-include와 옵션 용 템플릿 세트를 사용하기가 더 쉽습니다.