html - Angular 条件容器元素

Question

我在 ng-repeat 中有一大块 HTML，其中某些元素具有容器元素，而对于其他元素则没有。我目前正在通过两个 ng-if 实现此目的:

<strike ng-if="elem.flag">
  … <!-- several lines of directives handling other branching cases -->
</strike>
<div ng-if="!elem.flag">
  … <!-- those same several lines copied-and-pasted -->
</div>

虽然这可行，但这意味着我必须记住复制并粘贴任何编辑，这不仅不雅而且容易出现错误。理想情况下，我可以使用类似以下的内容(受 ng-class 语法启发)来完成它:

<ng-element="{'strike':flag, 'div':(!flag)}">
  … <!-- lots of code just once! -->
</ng-element>

对于这种情况，有什么方法可以实现类似的非重复解决方案吗？

Answer 1

1. 您可以自己制定此类指令。
2. 您可以使用 ng-include 将相同的内容包含到两个元素中。