javascript - Angularjs - 分组 ng 显示

Question

如何在不破坏 dom 树顺序的情况下对 ng-show 进行分组？

原因:我想减少观看者的数量

例如，我有这些 ng-shows:

<ul>
    <li>A</li>
    <li>B</li>
    <li ng-show="canEdit">C</li>
    <li ng-show="canEdit">D</li>
    <li ng-show="canEdit">E</li>
</ul>

我可以做这样的事情吗:

<ul>
    <li>A</li>
    <li>B</li>
    {{ng-show-start(canEdit)}}
    <li>C</li>
    <li>D</li>
    <li>E</li>
    {{ng-show-end(canEdit)}}
</ul>

使用 DOM 元素代替 ng-show-start&end 也可以是一个解决方案，但它必须能够删除其元素并显示 true 的内容。

Answer 1

我知道这个问题已经存在三年了，可能无关紧要，但 Angular 1.2+ 中有以下解决方案

<ul>
    <li>A</li>
    <li>B</li>
    <li ng-show-start="canEdit">C</li>
    <li>D</li>
    <li ng-show-end="canEdit">E</li>
</ul>

-start 和 -end 后缀可以与 ng-show、ng-if、ng-switch、ng-repeat 一起使用以及您自己的指令(如果设置了 multiElement: true)。