1. ホーム
  2. angularjs

[解決済み] 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