AngularJS ng-repeat

Posted 2023-02-26

【中文标题】AngularJS ng-repeat

【英文标题】：

【发布时间】：2016-11-01 10:54:32

【问题描述】：

我有一个读取来自Web API的数据的表单，其中我有两个单个单选按钮，并且被排除在选中，我想仅显示它中有校验= 1的记录。我希望你能理解我，在视图中有没有简单的方法来解决这个问题？一些 ng-if 条件或类似的东西。

【问题讨论】：

你尝试过什么？看看***.com/help/mcve

【参考方案1】：

您可以在记录中使用 ng-show/ng-hide 属性 (https://docs.angularjs.org/api/ng/directive/ngShow)。它看起来像：

<div ng-hide="exluded && check!=1">Your record</div>

单选按钮应将排除变量作为 ng-model。

这样，您将实现始终显示所有记录，除非变量 exclude 设置为 true 并且检查变量不是 1

【参考方案2】：

您可以在 ng-repeat 中使用过滤器管道：

<div ng-repeat="record in records | filter: matches">
   record.name
</div>

这是一个使用这种方法的jsfiddle。