javascript - 在 ng-repeat 循环中仅显示某些 html 元素的最佳方法是什么

Question

我想在 ng-repeat 中使用 ng-if (如本问题所述):但是，我想当且仅当 if 条件成立时才在表中显示一行。在上述问题的答案中，您将得到空的 div 标签，其中 if 条件不成立。这对于 div 来说不会造成太大问题，但是当对表执行相同操作时，您不希望在 tr 标记之间有 div (或 span)标记。

还有其他我可以使用的标签或指令吗？

Answer 1

更好的主意是使用(自定义)过滤器。这样，只会生成所需的行，而不是隐藏/删除现有行。

我刚刚做了a plunk对于另一个问题，展示了如何使用过滤器:

相关行是这一行:

<tr ng-repeat='item in appVm.users |filter:test'>

您可以直接在代码中使用对象，如下所示:

<tr ng-repeat='item in appVm.users |filter:{age:32}'> 

如果您将该行放入我链接的示例中，您可以看到效果如何!

这对你有帮助吗？