相关疑难解决方法(0)

我想遍历对象数组，这在我的json文件中。

杰森

[
  {
    "name": "Mike",
    "colors": [
      {"name": "blue"},
      {"name": "white"}
    ]
  },

  {
    "name": "Phoebe",
    "colors": [
      {"name": "red"},
      {"name": "yellow"}
    ]
  }
]

html

<div *ngFor="let person of persons">
   <p>{{person.name}}</p> <!-- this works fine-->
   <p *ngFor="let color of person.colors"> <!--I want to list the colors of the person here-->
     {{color.name}}
   </p>
</div>

我无法访问一个人的颜色数组。我该如何实现？

我已经看过这些帖子，但是它们的解决方案无法帮助我：

Angular2 ngFor通过JSON进行迭代

Angular2-* ngFor /通过数组循环遍历json对象

我正在使用 Angular 7.x。

我已经实现了使用 *ngFor 的代码，它遍历 Map 并在 html 上显示它们

      <mat-list-item *ngFor="let data of map | keyvalue">
          <div class="col-md-2">
              <p mat-line> {{data.value.name}} </p>           
          </div>            
      </mat-list-item>

它成功地显示了一个列表，但问题是它没有按顺序显示它们。

例如，如果我将 A 和 B 添加到 Map，它显示为

AB

但是，如果我添加另一个 C，则它显示为

乙丙乙

我希望它是 ABC，这是我插入到 Map 的顺序。

如果我是console.log，那么它会按照我插入的顺序而不是在html 上显示。

我必须使用 MAP，但我不知道如何使用。

请帮助我，并提前致谢。