조건에 따라 다른 구성 요소 템플릿 설정 각도

Question

구성 요소를 만들었으며 일부 조건에 따라 두 개의 다른 템플릿이 필요합니다. 예를 들어 "testApp"구성 요소가 있고 조건이 true이면 부모 태그가 앵커 태그 여야합니다. 그렇지 않으면 부모 태그가 div 여야합니다. 상위 컨테이너 내부의 html 내용은 두 템플리트 내에서 동일합니다. 이 작업을 수행하는 방법을 알아 내려고했지만 템플릿을 선택하기위한 조건을 작성하는 방법과 위치를 찾을 수 없습니다.

angular.module('testApp').component('testCard', { 
 
templateUrl: 'testCard', // inlined template 
 
controller: [TestCardController] 
 
}); 
 

 
<script type="text/ng-template" id="testCard"> 
 
    <div class="test-card"> 
 
    // same content 
 
    </div> 
 
</script> 
 

 
<script type="text/ng-template" id="testCard"> 
 
    <a class="test-card"> 
 
\t \t // same content 
 
\t </a> 
 
</script>

Answer 1

당신은 문자열 대신 templateUrl하는 기능을 제공 할 수 있어야한다. More than one template in same component in AngularJS 1.5