angular.js - AngularJS の検索をクリックして、インターフェイスメソッドを再リクエストせずにデータ変更を実装します。

Question

1. ページは次のとおりです。 2. テキスト ボックスに内容を入力し、検索アイコンをクリックして下のリストをフィルタリングします。

PHP中文网 · Answer

一度にすべてのデータをリクエストし、フィルターを使用しない限り、再リクエストすることなく、クリックすることなく実装できますが、一度にダウンロードされるデータが多すぎます。

天蓬老师 · Answer

ng-repeat="objs 内の obj | フィルター: テスト"

ここでのテストでは、ng-model を使用して上記の検索ボックスの値をバインドします。これにより、組み込みのフィルターは、入力する限りリアルタイムでフィルター処理されます。対応するデータ

しかし、実際の運用環境では、大量のデータがある場合、このフィルタリング方法は適していません。