在angular2中顯示json數據

Question

這是我的json：

groups=[
  {
    ["red pencil","blue pencil","yellow pencil"]
  },
  {
    ["big rubber","small rubber"]
  },
];

我如何使用打字稿以角度2顯示json數據。

Answer 1

{{groups | json}}

要么

<div *ngFor="let g of groups">
  <div>Group:</div>
  <div *ngFor="let i of g">{{i}}</div>
</div>

Answer 2

JSON與JavaScript編寫數組和對象的方式類似，但有一些限制。 所有屬性名稱都必須用雙引號引起來，並且僅允許簡單的數據表達式-不允許使用函數調用，變量或涉及實際計算的任何內容。 JSON中不允許注釋。

如果您的json有效，則可以使用JSON.parse將其轉換為js對象，並使用*ngFor進行遍歷或{{ data | json }} {{ data | json }}進行顯示。