在Angular 2 * ngFor的数组/ json渲染中深度嵌套json到数组

Question

我想用角度2 * ngFor列出以下json的状态和类型。还应呈现父母属性。

var test= {
  '192-168-0-16':{
    'ac395516-96d0-4533-8e0e-efbc68190e':{
      'state':  "none",
      'typ': "test"
    },
    'ac395516-96d0-4533-8e0e-efbc68190e':{
      'state':  "none",
      'typ':  "dummy"
    }
  },
  '222-21-12-12': {
    'ac395516-96d0-4533-8e0e-efbc68190e': {
      'state': "none",
      'typ': "none"
    }
  }

Angular 2：

<div *ngFor='#s of test'> <!-- also other properties should be visible -->
   <div *ngFor='#t of s'>
      {{t.state}} {{t.typ}}
   </div>
</div>

当然这不起作用。没有很多数据转换是否可能？我不知道如何获取我的json的数组数组。

Answer 1

您需要将数组与define('WP_DEBUG', false);一起使用。如果要在此级别使用对象，则应考虑使用自定义管道。

有关详细信息，请参阅此答案：

• How to display json object using *ngFor

基于此，我会以这种方式重构您的代码：

ngFor

使用以下管道：

<div *ngFor='#s of (test | keyValues)'>
  <div *ngFor='#t of (s.value | keyValues)'>
   {{t.value.state}} {{t.value.typ}}
  </div>
</div>