AngularJS で ng-repeat を使用してキーと値を反復処理する方法は? 質問する

AngularJS で ng-repeat を使用してキーと値を反復処理する方法は? 質問する

コントローラーには次のようなデータがあります:$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",
}

ベストアンサー1

いかがでしょうか:

<table>
  <tr ng-repeat="(key, value) in data">
    <td> {{key}} </td> <td> {{ value }} </td>
  </tr>
</table>

このメソッドはドキュメントに記載されています:https://docs.angularjs.org/api/ng/directive/ng繰り返し

おすすめ記事