私は次のようにフィルター付きの ng-repeat ディレクティブを使用しています:
ng-repeat="item in items | orderBy:'order_prop' | filter:query | limitTo:4"
レンダリングされた結果は問題なく表示されます。次に、コントローラーでその結果に対して何らかのロジックを実行したいと思います。問題は、結果項目の参照を取得する方法です。
アップデート:
明確にするために: オートコンプリートを作成しようとしています。次の入力があります:
<input id="queryInput" ng-model="query" type="text" size="30" placeholder="Enter query">
フィルタリングされた結果は次のとおりです。
<ul>
<li ng-repeat="item in items | orderBy:'order_prop' | filter:query | limitTo:4">{{item.name}}</li>
</ul>
ここで、結果をナビゲートして項目の 1 つを選択したいと思います。
ベストアンサー1
アップデート: 以前よりも簡単な方法をご紹介します。
<input ng-model="query">
<div ng-repeat="item in (filteredItems = (items | orderBy:'order_prop' | filter:query | limitTo:4))">
{{item}}
</div>
その後は$scope.filteredItems
アクセス可能です。