javascript - Angular - 按模型值过滤 ng-repeat

标签 javascript angularjs

我有一个“Saving”模型,其中包含一个名为“Retailer”的值。

我想创建一个仅显示具有相同“零售商”的项目的 ng-repeat。

基本上我正在尝试解决这个问题

<div ng-repeat="saving in savings |  filter: { retailer: {{saving.retailer }} | limitTo:10">

但这不正确。

如何发送“Saving”模型值“Retailer”作为过滤器?

这似乎可以解决问题

<div ng-repeat="saving in savings | filter: { retailer: saving.retailer } | limitTo:10">

最佳答案

据我所知,这应该有效:

<div ng-repeat="saving in savings | filter: { retailer: 'Retailer' } | limitTo:10">

这应该显示那些带有值为 Retailerretailer 属性的保存对象。

通常这与输入一起使用,用户可以过滤结果。

假设我们有这个:

<input type="text" ng-model="filterText">

您可以通过以下方式使用此输入过滤节省:

<div ng-repeat="saving in savings | filter: { retailer: filterText } | limitTo:10">

关于javascript - Angular - 按模型值过滤 ng-repeat,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35119296/

相关文章:

javascript - 如何在 React 中设置嵌套数组的状态(已编辑)

使用 Chutzpah 在 Visual Studio 中针对 html 进行 Javascript 单元测试

javascript - Lodash _.some 不工作

javascript - 在 Angular JS 中创建页面

javascript - 当鼠标悬停在图像上时 onmouseover 失败

JavaScript 原型(prototype)继承显示父对象名称

angularjs - 是什么导致 'grunt serve' 抛出 'No Bower components found' ?

javascript - 为什么重定向 404 错误会导致 js 文件返回 HTML?

javascript - 更改 $scope 时,带有 ng-options 的 EDIT<select> 不会刷新所选内容

angularjs - Angular 达特 : How to use two ng-repeat expressions with one tag?