如何向元素动态添加ng-重复属性

Question

可以将ng-repeat属性动态添加到元素中吗？如果是这样的话，是怎么做的？

编辑

我试图为列表中的每个项目创建一个组件，该组件将在其中使用自定义模板。

示例

<custom-component>
  <item-template>
    <span>{{item.name}}</span>
  <item-template>
<custom-component>

那么结果将是

<custom-component>
  <ul>
    <li ng-repeat="item in $ctrl.items">(the template)</li>
  </ul>
</custom-component>

因此我尝试将ul的innerHTML设置为如下所示的字符串：

ul.innerHtml = "<li ng-repeat="item in $ctrl.items">{{item.name}}</li>"

Answer 1

解决方案将显示具有ng-重复的元素，这取决于您可以动态更改的条件：

<div ng-switch="dynamicCondition">
    <div ng-switch-when="true" ng-repeat="item in items">Element which have ng-repeat</div>
    <div ng-switch-when="false">Element without ng-repeat</div>
</div>