[解決済み] ng-repeat :単一フィールドによるフィルタリング
2022-03-19 05:02:58
質問
商品の配列があり、ng-repeatを使用して繰り返しています。
<div ng-repeat="product in products | filter:by_colour">
を使用して、これらの製品を色でフィルタリングします。フィルタは動作していますが、商品名や説明などに色が含まれていると、フィルタ適用後もその商品が残ってしまいます。
配列のすべてのフィールドではなく、カラーフィールドにのみフィルタが適用されるようにするにはどうすればよいですか?
どのように解決するのですか?
の例をご覧ください。 フィルター のページをご覧ください。 オブジェクトを使用し、colorプロパティに色を設定します。
Search by color: <input type="text" ng-model="search.color">
<div ng-repeat="product in products | filter:search">
関連
-
[解決済み】typeerrorは、未定義のプロパティ'data'を読み取ることができません。
-
angularjs ローカルデータストレージ LocalStorage
-
[解決済み] Angular ng-repeat エラー "リピータ内の重複は許可されません。"
-
[解決済み] Angular 1.2+ で ng-bind-html-unsafe を複製するために $sce.trustAsHtml(string) を使用するにはどうしたらよいですか?
-
[解決済み] AngularJSの$parentは何を意味するのですか?
-
[解決済み] AngularJSで画像を表示する
-
処理されない例外が発生しました。Angular 実行中のプロジェクトで NGCC に失敗しました。
-
[解決済み] angularJSの::の意味するところ
-
[解決済み] Ui-srefがクリッカブルリンクを生成しない/動作しない
-
[解決済み] ng-repeat内のng-click関数にパラメータを追加しても、うまくいかないようです。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] X-Frame-Options'を'SAMEORIGIN'に設定しているため、フレーム内での表示を拒否された。
-
[解決済み] 適用がすでに進行中のエラー
-
[解決済み] AngularJSの.$uibModalとは何ですか?
-
[解決済み] AngularJSのシンプルな "Hello, world "が動作しない。
-
[解決済み] Angular 1.2+ で ng-bind-html-unsafe を複製するために $sce.trustAsHtml(string) を使用するにはどうしたらよいですか?
-
[解決済み] ajaxリクエスト時にAngularjsのローディング画面が表示される。
-
[解決済み] controllerAs "プロパティを使用する理由は何ですか?
-
angularjs統合ueditor入門
-
[解決済み] Angularjsを使用してローカルストレージにデータを保存するにはどうすればよいですか?
-
[解決済み] どのように$state.goにパラメータを追加しますか?