在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 }}进行显示。