javascript - ng-repeat 带有数字和日期的多重过滤器

标签 javascript angularjs angularjs-ng-repeat

我正在使用 ng-repeat 绘制表格线条,目前我正在过滤多个文本参数。这是一个带有固定字符串的简化示例

<tr ng-repeat="thisOffer in offerList | filter: {name: 'hotel', id: 'H2O_'}"></tr>

这很好用,现在我还想过滤一个数字,测试它是否低于给定值。是否可以使用像下面这样的过滤器?我在 Angular 文档中找不到任何类似的东西,但我不敢相信不存在直接的解决方案

<tr ng-repeat="thisOffer in offerList | filter: {name: 'hotel', id: 'H2O_', number: '<5' }"></tr>
<tr ng-repeat="thisOffer in offerList | filter: {name: 'hotel', id: 'H2O_'} | filter: 'thisOffer.number < 5' "></tr>

最佳答案

应用此答案后,this fiddle为你工作(灵感来自 this answer )

<div ng-app>
  <div ng-controller="TodoCtrl">
    <ul>
      <li ng-repeat="friend in friends | filter: {name: 'John'} | filter: greaterThan('phone', 1)">
        <span>{{friend.name}}</span>
        <span>{{friend.phone}}</span>
      </li>
    </ul>
  </div>
</div>

关于javascript - ng-repeat 带有数字和日期的多重过滤器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35749212/

相关文章:

javascript - 此文档语法的名称是什么?

angularjs - ng 重复组顺序错误

javascript - AngularJS:NG:init - 如何分配 ng:模型?

javascript - 使用 ng-repeat 中的 angular-file-upload 获取多个上传文件的文件路径

javascript - 附加到通过 Angularjs 中的输入文本添加的新 span 元素的数组

javascript - Angular JS - 迭代从 Firebase 数据库获取的对象数组

ionic-framework - JSON.stringify 无法序列化循环结构 : iOs9 error for Ionic/AngularFire app

php - 对复选框单击和取消单击进行 +/- 计数

javascript - 使用变量引用数组

javascript - jQuery 函数在 .html() 调用后失败