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

Question

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

<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