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-repeat的元素，具体取决于您可以动态更改的条件：

<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>

如何动态地向元素添加ng-repeat属性

1 个答案: