以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 }}进行展示。