如何通过单击重复模板中的链接来过滤ng-repeat

Question

我有一个ng-repeat。我希望能够单击任何项​​目内的链接，将列表过滤为仅该项目。如何实现这一目标？

<div ng-repeat="item in items">
 <a ng-click="?">Select this one</a>
</div>

项目具有唯一ID：

$scope.items = [
  {id: 1}
  {id: 2}
]

Answer 1

您可以使用filter，并确保使用$parent来引用父作用域中的selected模型，因为ng-repeat为每个重复项创建了一个新作用域

<div ng-repeat="item in items | filter:selected"> 
    <a ng-click="$parent.selected=item">
        Select this one {{item}}
    </a>
</div>

的 Demo