1. ホーム
  2. javascript

[解決済み] AngularJS - ngRepeatフィルタリングされた結果の参照を取得する方法

2022-07-15 09:59:46

質問

ng-repeatディレクティブとfilterを以下のように組み合わせています。

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>

さて、私は結果をナビゲートして、項目の一つを選択したい。

どのように解決するのですか?

アップデイト : 以前あったものよりも簡単な方法を紹介します。

 <input ng-model="query">
 <div ng-repeat="item in (filteredItems = (items | orderBy:'order_prop' | filter:query | limitTo:4))">
   {{item}}
 </div>

次に $scope.filteredItems はアクセス可能です。