角JS过滤器的所有值

Question

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

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