我现在正在学习Angular并正在为一个项目工作，该项目包含要显示的有限列表任务列表，以及根据我的数据组织方式过滤它们的几种方法。 （例如按价格水平等）
我想拥有它，以便用户可以将项目标记为已完成/未完成，然后过滤已完成/未完成的任务。我一直在尝试使用复选框（如果选中/未选中）或添加一个类（比我想象的更棘手......）。
（另外，为了澄清，我不想选中一个框来过滤页面上的数据，我知道这是实现Angular过滤器的一种非常常见的方法吗？我希望过滤器只返回div选中复选框。）
目前，我的每个过滤按钮都已设置：
<button id="free" data-ng-click="itemFilter={free: true}">Free</button>
我的数据在哪里：
<li class="each-item" data-ng-repeat="item in ItemIndexViewModel.items | orderBy:'name' | filter:itemFilter">
我目前设置了复选框以更改文字的颜色，但我想我不知道我应该过滤的内容：颜色，复选框或添加的课程，如果我＆＃39 ;我能够在那里得到一个切换的类名（到目前为止，我还没有。）
想深入了解如何最好地做到这一点以及Angular过滤器能够做什么？
答案 0 :(得分：0)
您关闭..按钮看起来应该更像<button id="free" data-ng-click="itemFilter = true">Show Free = true</button>。那么你的ng-repeat应该是这样的<li class="each-item" data-ng-repeat="item in ItemIndexViewModel.items | orderBy:'name' | filter: {free: itemFilter}">。这是plunker。