[解決済み] AngularJS - ng-Repeat内でプロパティ名を参照するにはどうすればよいですか?
2022-06-11 20:18:49
質問
オブジェクト内のプロパティの値を表示するだけでなく、プロパティ名をラベルとして表示したい。 これを
ng-repeat
? 例えば
<ul>
<li ng-repeat="option in data">{{propertyName}}: {{option}}</li>
</ul>
というように吐き出されるかもしれません。
<ul>
<li>Name: John</li>
<li>Phone: (123) 456-7890</li>
<li>Country: England</li>
</ul>
どのように解決するのですか?
これを試してみてください。
<ul>
<li ng-repeat="(key,val) in data">{{key}}: {{val}}</li>
</ul>
関連
-
[解決済み] AngularJSのng-repeatは、空のリストのケースを処理します。
-
[解決済み] AngularJSでデータバインディングはどのように機能するのですか?
-
[解決済み] AngularJSを使用して、ブラウザのコンソールで$scope変数にアクセスするにはどうすればよいですか?
-
[解決済み] AngularJSで$scope.$watchと$scope.$applyを使用するにはどうすればよいですか?
-
[解決済み] AngularJSのng-repeatでキーと値を反復処理する方法は?
-
[解決済み] AngularJSのng-optionsでvalueプロパティを設定するには?
-
[解決済み】AngularJSのディレクティブスコープにおける「@」と「=」の違いは何ですか?
-
[解決済み】AngularJSのスコーププロトタイピング/プロトタイピング継承のニュアンスとは?
-
[解決済み] ネストしたng-repeatの中で2つの$index値を渡す
-
[解決済み] AngularJsの辞書にng-repeatを使用するには?
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】Angularjs accordion ng-click on panel-header
-
[解決済み] プリフライト応答が成功しない
-
[解決済み] data-ng-file-selectが動作しないのはなぜですか?
-
[解決済み] AngularJSのシンプルな "Hello, world "が動作しない。
-
[解決済み] 'ApplicationSignInManager' が見つからない(ASP.NET MVC)
-
[解決済み] ng-repeat内で$indexを使用して、クラスを有効にしてDIVを表示するにはどうすればよいですか?
-
[解決済み] エラーです。10回の$digest()反復に達しました。動的なsortby述語で中断!?
-
[解決済み] エラーです。[$injector:unpr] 不明なプロバイダです。ルートプロバイダ
-
[解決済み] AngularJS : ローカルストレージを使用する
-
[解決済み] 新しい/分離されたスコープを求める複数のディレクティブ [ngController, ...] がある。