angular js：在模板中构建指令标记

Question

在模板中，我想做类似的事情：

<my-{{data.type}}></my-{{data.type}}>

但它不会取代{{data.type}}标记。

是否有解决方案或解决方法？

Answer 1

你不能这样做但你可以使用ng-switch，

<div ng-switch="data.type">
  <div ng-switch-when="test1">
    <my-test1></my-test1>   
  </div>
  <div ng-switch-when="test2">
    <my-test2></my-test2>   
  </div>
</div>