使用 trackby 和 ng-if 进行 ng-repeat

Question

我有一张桌子，在 <tr> 上有一个 ng-if，具体取决于某个值。

我的代码如下所示：

<tr ng-if="someConditional" ng-repeat="row in rows track by row.obj1">....</tr> 

<tr ng-if="!someConditional" ng-repeat="row in rows track by row.obj2">....</tr> 

当row.obj1 存在而row.obj2 不存在时，这会给我一个错误，反之亦然。

row.obj1 在 someConditional 为真时存在，row.obj2 在 !someConditional 为真时存在。

当 someConditional 为 true 时，angularjs 会抛出 row.obj2 不存在（即未定义）的错误。

这是一个已知的错误吗？有什么解决方法吗？

Answer 1

您能否将条件滚动到 ng-repeat 中？

<tr ng-repeat="row in rows track by (someConditional ? row.obj1 : row.obj2)">....</tr> 

Answer 2

ngRepeat 的优先级高于ngIf（请参阅每个链接的“指令信息”部分）。换句话说，输出不会是：

if condition then
    foreach
        ...
    endforeach
endif

而是：

foreach
    if condition then
        ...
    endif
endforeach

一种解决方案是仅使用一个ng-repeat 语句，并将条件嵌套在此循环中。