[解決済み] AngularJSのng-repeatでキーと値を反復処理する方法は?
2022-03-14 16:39:22
質問
コントローラの中に、以下のようなデータがあります。
$scope.object = data
今、このデータは、キーと値を持つ辞書で
json
.
この属性にアクセスするには
object.name
をテンプレートに追加します。キーも反復処理し、以下のようにテーブルに表示する方法はありますか?
<tr><td> {{key}} </td> <td> data.key </td>
データはこんな感じです。
{
"id": 2,
"project": "wewe2012",
"date": "2013-02-26",
"description": "ewew",
"eet_no": "ewew",
}
解決方法は?
いかがでしょうか。
<table>
<tr ng-repeat="(key, value) in data">
<td> {{key}} </td> <td> {{ value }} </td>
</tr>
</table>
この方法は、docsに記載されています。 https://docs.angularjs.org/api/ng/directive/ngRepeat
関連
-
[解決済み] Angular UI-Routerのマルチビュー
-
[解決済み] Jasmineの "callThrough "と "callFake() "の実用的な例が欲しい
-
[解決済み] AngularJSを使用して、ブラウザのコンソールで$scope変数にアクセスするにはどうすればよいですか?
-
[解決済み] AngularJSで$scope.$watchと$scope.$applyを使用するにはどうすればよいですか?
-
[解決済み] 入力フィールドにフォーカスを当てるには?
-
[解決済み] 検索エンジンはAngularJSアプリケーションをどのように扱っているのか?
-
[解決済み] AngularJSでチェックボックスの値のリストにバインドするにはどうすればいいですか?
-
[解決済み] 部分テンプレートとテンプレートの複雑なネスト
-
[解決済み】AngularJSのディレクティブスコープにおける「@」と「=」の違いは何ですか?
-
[解決済み] 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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】npm UNMET PEER DEPENDENCYの警告を修正するにはどうすればいいですか?
-
[解決済み】Angularjsのng-viewが動作しない。
-
[解決済み] AngularJSのディープリンクとは何ですか?
-
[解決済み] AngularJSのng-showとフェードアニメーション
-
[解決済み] ag-gridの行の追加/削除
-
[解決済み] ajaxリクエスト時にAngularjsのローディング画面が表示される。
-
[解決済み] AngularJSの$parentは何を意味するのですか?
-
[解決済み] controllerAs "プロパティを使用する理由は何ですか?
-
AngularJS がエラー $digest already in progress を報告する
-
[解決済み] 条件に応じて特定のルートにリダイレクトする機能