【问题标题】:AngularJS ng-repeatAngularJS ng-repeat
【发布时间】:2016-11-01 10:54:32
【问题描述】:

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

【问题讨论】:

标签: javascript angularjs view


【解决方案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

    【讨论】:

      猜你喜欢
      • 2017-12-22
      • 2013-11-23
      • 1970-01-01
      • 2017-11-19
      • 2014-09-07
      • 1970-01-01
      • 1970-01-01
      • 2013-08-11
      • 2023-03-19
      相关资源
      最近更新 更多