Angular JS Filter包含所有值

Question

我有一个可选择的网格。点击 - ＆gt;选择。我希望选中的值突出显示并显示为另一个网格中的第一个值以及我使用角度过滤器的剩余值，但它只显示所选值。

Answer 1

您可以在每个项目上使用selected标记，如下所示：

<ul>
    <li ng-repeat="item in items" 
        ng-class="{ selected: item.selected }" 
        ng-click="item.selected = !item.selected">
        {{ item.name }}
    </li>
</ul>
<ul>
    <li ng-repeat="item in items | filter:{selected:true}" 
        ng-click="item.selected = false">
        {{ item.name }}
    </li>
</ul>

请参阅this jsfiddle

要首先在网格中显示所选内容，您可以使用orderBy过滤器：

<ul>
    <li ng-repeat="item in items | orderBy:'-selected'" 
        ng-click="item.selected = false">
        {{ item.name }}
    </li>
</ul>

请参阅this jsfiddle