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

Question

1. ページは次のとおりです:

2. テキスト ボックスに内容を入力し、[検索] アイコンをクリックして下のリストをフィルターします。

Answer 1

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

Answer 2

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

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

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