Javascript 动态绑定到ng模型过滤器

我想通过单击相关类别名称复选框过滤出问题。例如：如果仅选中“类别X”复选框，则仅显示类别X的问题

我可以将名称

Cat1

、

Cat2

等直接绑定到

catfilters

对象：

    <input type="checkbox" ng-model="catfilters.Cat1" /> Cat 1
    <input type="checkbox" ng-model="catfilters.Cat2" /> Cat 2

    <ul>
        <li ng-repeat="q in questions | bycategory:catfilters">{{q.question.cat_id}}</li>
    </ul>

    $scope.cats = [
        'Cat1',
        'Cat2',
        'Cat3'
    ];

    //c is 'Cat1', 'Cat2', etc...
    <div ng-repeat="c in cats">
        <input type="checkbox" ng-model="catfilters.c">{{c}}</span>
    </div>

    <ul>
        <li ng-repeat="q in questions | bycategory:catfilters">{{q.question.cat_id}}</li>
    </ul>

但由于某些原因，这将不会应用过滤。但是我没有得到任何错误

注意：我还尝试按索引属性进行查找：

<div ng-repeat="c in cats">
    <input type="checkbox" ng-model="catfilters[c]">{{c}}</span>
</div>

---

catfilters.c

在

catfilters

中查找名为

c

的属性，而不管您在别处是否有变量

c

尝试通过索引属性

catfilters[c]

来查找它

//c is 'Cat1', 'Cat2', etc...
<div ng-repeat="c in cats">
    <input type="checkbox" ng-model="catfilters[c]">{{c}}</span>
</div>

//c是“Cat1”、“Cat2”等。。。
{{c}}

我做了一个决定。我使用

     <div ng-repeat="input in inputs">
      <input type="text" ng-model="filter[input]">
     </div>

---

它工作正常（我认为与您的场景类似）。您的实现中一定有错误。

您能提供示例plunkr吗？

     <div ng-repeat="input in inputs">
      <input type="text" ng-model="filter[input]">
     </div>

     $scope.inputs = ['foo','bar'];
       $scope.filter={
         'foo':"Foo",
         'bar':"Bar"
        }