javascript - 使事件列表位于列表顶部

Question

我有一个使用 ng-repeat 的项目列表。

<ul>
    <li ng-repeat="item in items"><a href="">{{item.name}}</a></li>
</ul>

每当我单击生成列表的任何项目时，它都会获得事件类。

现在有人可以告诉我如何使事件项目位于列表顶部。

感谢任何帮助。谢谢

Answer 1

您必须使用 ng-click 指令绑定(bind)一个 click 事件处理程序。

然后您只需要重新排序给定列表的顺序即可。

<ul>
    <li ng-click="clickItem(item)" ng-repeat="item in items"><a href="">{{item.name}}</a></li>
</ul>

JS

$scope.clickItem = function(item){
   //get item
   var obj = $scope.items.find(a => a.id == item.id);
   //remove item from list
   $scope.items = $scope.items.filter(i => i.id != item.id);
   //add item at beggining of the array
   $scope.items.unshift(obj);
}