Question

我想让这个伪代码成为现实：

For every Model {
     For every Year {
         For every Style {
           if submodel.body is NOT in Array:
              load submodel.body to Array;
         }
     }
}

我想将这个数组存储在我的model.component中，这样我就可以用它来制作如下按钮：

<button *ngFor="let item in Array" ...> item </button>

如何从我的json响应中提取我想要的数据（Model [x] .Years [y] .Style [z] .submodel.body）（其中x，y，z是变量）？

我无法概念化如何使用JS / TS / Angular2迭代嵌套的json对象。

Answer 1

这是一个提示：

<div *ngFor="let years of model.years">
 <div *ngFor="let year of years">
  <div *ngFor="let styles of year.styles">
   <div *ngFor="let style of styles">
    <!-- your conditions, submodel.body... -->
   </div>
  </div>
 </div>
</div>

旁注：我同意上面的其他人，你应该尝试自己编写代码。

Answer 2

使用简单http请求，它会下载数据并将其存储在items变量中。然后你可以用它做任何你想做的事 - 显示，排序或保持。

https://plnkr.co/edit/bU7W6f0aO6eelvyCnKzc?p=preview

在Angular2中提取JSON数据

2 个答案: