angularjs - 繰り返しテンプレートのリンクをクリックして 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必ず を使用してください。$parentselectedng-repeat

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

Demo