过滤AngularJS中的键值对?
我有以下选择列表ng型号是过滤AngularJS中的键值对?,angularjs,angularjs-ng-repeat,angularjs-filter,Angularjs,Angularjs Ng Repeat,Angularjs Filter,我有以下选择列表ng型号是类别过滤器: <div class="col-xs-5 col-md-2"> <select class="form-control" ng-model="categoryFilter" style="text-transform: capitalize;" ng-options="category for (category, subCategories) in sportEvents"> <opt
类别过滤器
:
<div class="col-xs-5 col-md-2">
<select class="form-control" ng-model="categoryFilter" style="text-transform: capitalize;"
ng-options="category for (category, subCategories) in sportEvents">
<option value="">Choose Category</option>
</select>
</div>
选择类别
在下面的列表区域中,我要过滤列表的结果:
<div ng-repeat="(category, subCategories) in filtered = (sportEvents | filter: categoryFilter)">
<div ng-repeat="(subCategory, subCategorySportEvents) in subCategories"
ng-hide="filtered.length == 0">
<h4 style="text-transform: capitalize;">{{category}} - {{subCategory}}</h4>
<table class="table table-responsive table-striped table-hover">
<tr ng-repeat="sportEvent in filtered = (subCategorySportEvents | filter: query | filter: dayFilter)">
<td class="col-xs-1"><span>{{ sportEvent.number}}</span></td>
</tr>
</table>
</div>
</div>
{{category}}-{{subCategory}}
{{sportEvent.number}
但是这里的类别过滤器不起作用。是的,正如您所看到的,我使用了另外两种过滤,但是它们工作得很好(查询和dayFilter都可以)。也许问题就在这里,我使用一个键值对?(类别、子类别)?
因此,当我在选择列表中选择类别时,它不会过滤列表。将所有变量记录在ng repeat
中,而不使用过滤器——您确定它们是您期望的吗?在我看来,categoryFilter
应该是一个字符串,所以sportEvents
应该是一个字符串数组,没有键和值。嗯,这很有趣。{category}是一个字符串,{{categoryFilter}是子类别的数组,因此这是结果。但是我应该如何修改代码呢?“你确定他们是你所期望的吗?”-对不起,我不理解这部分。