AngularJs Filter on ng-repeat

本文关键字：ng-repeat on Filter AngularJs 更新时间：2023-09-26

在开发我的应用程序时遇到了一个问题，我的ng repeat中有一个过滤器。我可以按productCode或名称进行搜索。在这之后出现了一个新的要求"；通过SubcategoryId过滤"；。

该产品与一个子类别相关联，但我有一个问题，只能严格按照subCategoryId和productCode或名称进行筛选，并进行邻近搜索。

结果：

subCategoryId = 1 过滤

只有我想展示subCategoryId产品，但它带来了一个子类别Id=1、11、111等的产品列表。

有没有一种方法可以通过subCategoryId和名称codigoProducto进行精确过滤？

过滤器布局

 <input placeholder="PALABRA CLAVE" type="text" ng-model="filtros.name"  ng-change="changeCurrentPage(0);" />
 <input placeholder="CODIGO PRODUCTO" type="text" ng-model="filtros.codigoProducto"  ng-change="changeCurrentPage(0);"/>
 <select ng-model="filtros.subCategoryId" ng-change="changeCurrentPage(0)">
     <option  value="">TODOS</option>
     <option ng-repeat="subct in subCategories" value="{[{subct.id}]}"{[{subct.name}]}</option>
</select>

列表。

<li ng-animate="'animate'" ng-repeat="prod in objtemp.products | orderBy:'ordenProducto' | filter:filtros | startFrom:currentPage*pageSize:this | limitTo:pageSize" ng-class='{marginLeftNone: $index%4==0}' >

抱歉我英语不好。

如果你能帮我的话，非常感谢。

后期编辑

这是小提琴。

http://jsfiddle.net/schwertfische/2aW7Q/34/

模型已经更改，所以现在可以工作了。谢谢大家的帮助，我也更新了jsfiddle，因为它是一个有用的来源，你可以返工。

..... var myApp = angular.module('myApp',[]); .....

Js报价

<ul><li ng-repeat="item in model.data | filter: { subCategoryId: filtros.subCategoryId }">{{item.title}}</li>

这是你的过滤器

的例子