Question

我创建了一个组件，根据某些条件我需要有两个不同的模板。例如，我有一个“testApp”组件，如果condition为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">
		// same content
	</a>
</script>

Answer 1

您应该能够为templateUrl而不是字符串提供函数。见More than one template in same component in AngularJS 1.5

根据条件Angular设置不同的组件模板

1 个答案: