[解決済み] ng-repeatで重複した結果をフィルタリングする方法
2022-07-14 06:20:12
質問
私は単純な
ng-repeat
を実行しており、カテゴリ名を取得したいと思っています。約100のオブジェクトがあり、それぞれがカテゴリに属しています。しかし、カテゴリは約6つしかありません。
私の現在のコードはこれです。
<select ng-model="orderProp" >
<option ng-repeat="place in places" value="{{place.category}}">{{place.category}}</option>
</select>
出力されるのは100種類のオプションで、ほとんどが重複しています。Angularで
{{place.category}}
がすでに存在するかどうかをチェックし、すでに存在する場合はオプションを作成しないようにするには、Angularをどのように使用すればよいですか?
edit: 私のjavascriptでは
$scope.places = JSON data
という記述がありますが、明確にするために
どのように解決するのですか?
あなたは ユニーク フィルタを使うことができます(ソースコードはこちら。 AngularUIのユニークなフィルター を作成し、ng-options (または ng-repeat) で直接使用します。)
<select ng-model="orderProp" ng-options="place.category for place in places | unique:'category'">
<option value="0">Default</option>
// unique options from the categories
</select>
関連
-
[解決済み] AngularJSのディープリンクとは何ですか?
-
[解決済み] エラーです。[$injector:unpr] 不明なプロバイダです。ルートプロバイダ
-
[解決済み] Apigee API へのリクエストで 401 レスポンスエラーが発生する
-
処理されない例外が発生しました。Angular 実行中のプロジェクトで NGCC に失敗しました。
-
[解決済み] AngularJSを使用して、ブラウザのコンソールで$scope変数にアクセスするにはどうすればよいですか?
-
[解決済み] AngularJSのng-repeatでキーと値を反復処理する方法は?
-
[解決済み] コントローラでフィルタを使用するには?
-
[解決済み] ng-repeat :単一フィールドによるフィルタリング
-
[解決済み] AngularJsの辞書にng-repeatを使用するには?
-
[解決済み] AngularJSとng-repeatによるselectの初期化
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】angularのonLoadとng-initの違いについて
-
[解決済み】Angularjs accordion ng-click on panel-header
-
[解決済み] AngularJSのng-showとフェードアニメーション
-
[解決済み] エラーです。[$injector:unpr] 不明なプロバイダです。ルートプロバイダ
-
[解決済み] AngularJSで画像を表示する
-
角型グローバル確認ボックス
-
angularでのng-repeatとtrack by
-
[解決済み] LodashとUnderscore.jsの違いについて【終了しました
-
[解決済み] 入力フィールドにフォーカスを当てるには?
-
[解決済み] 子コントローラから親スコープにアクセスするAngularJS