【问题标题】:Dynamic multiple checkbox filter in angular JSAngular JS中的动态多个复选框过滤器
【发布时间】:2017-03-17 18:25:40
【问题描述】:
我正在使用此链接中的复选框过滤器。它工作正常,但如何将其更改为选择多个复选框。现在它只适用于 1 个复选框选择。
http://jsfiddle.net/HWa2m/243/
<input type="checkbox" data-ng-model="useBrands[brand]" />
{{brand}} <span>({{ (filteredProducts | filter:searchTerm | filter:count('Brand', brand)).length }})</span> </label>
【问题讨论】:
标签:
angularjs
checkbox
angular-filters
【解决方案1】:
改变
<div data-ng-repeat="brand in brandsGroup | limitTo: maxBrands" data-ng-if="(filteredProducts | filter:searchTerm | filter:count('Brand', brand)).length > 0">
到
<div data-ng-repeat="brand in brandsGroup | limitTo: maxBrands" >
和
{{brand}} <span>({{ (filteredProducts | filter:searchTerm | filter:count('Brand', brand)).length }})</span>
到
{{brand}} <span>({{ (products | filter:searchTerm | filter:count('Brand', brand)).length }})</span>