渲染angular2哈希映射<；字符串，字符串<；列表>&燃气轮机；

当我尝试打印HashMap>

上周我有一个关于用Java8将两个字段分组的问题，我在这里解决了这个问题，现在我找不到任何关于如何用angular2打印项目响应的信息

我收到的答复是这样的

对于angular2，我有以下组件

ngOnInit() {
    this.matchesService.getMatches()
                        .subscribe(
                        data => {
                            this.matches = data;
                        console.log(this.matches["Alemania[EN]"]["ACB[EN]"][0]);
                          },
                      )
  };

该组件在控制台中正确打印响应，但我不知道如何渲染

在html中我把这个

{{this.matches}} 

我打印以下对象

[[object Object]]

---

我需要正确渲染对象。

此行为是正确的

如果匹配项是一个列表，则可以使用*ngFor。 在html中，它的工作方式就像一个循环。 然后可以打印每个值

请阅读：

---

（您不必在html中使用此关键字）

此行为是正确的

如果匹配项是一个列表，则可以使用*ngFor。 在html中，它的工作方式就像一个循环。 然后可以打印每个值

请阅读：

---

（您不必在html中使用此关键字）

尝试使用keyvalue管道：

<p>
    Map looping template side (keyvalue pipe) :
</p>

<ul>
  <li *ngFor="let recipient of map | keyvalue">
    {{recipient.key}} -->
      <span *ngFor="let item of recipient.value | keyvalue">
        {{item.key}}
        <span *ngFor="let element of item.value">
          <ul>
            <li>{{element.id}}</li>
          </ul>
        </span>
      </span>
  </li>
</ul>

映射循环模板侧（键值管道）：



{{recipient.key}}-->
{{item.key}

{{element.id}

---

.

尝试使用keyvalue管道：

<p>
    Map looping template side (keyvalue pipe) :
</p>

<ul>
  <li *ngFor="let recipient of map | keyvalue">
    {{recipient.key}} -->
      <span *ngFor="let item of recipient.value | keyvalue">
        {{item.key}}
        <span *ngFor="let element of item.value">
          <ul>
            <li>{{element.id}}</li>
          </ul>
        </span>
      </span>
  </li>
</ul>

映射循环模板侧（键值管道）：



{{recipient.key}}-->
{{item.key}

{{element.id}

---

.

回答得很好，不知道

keyvalue

pipe，返回键值对数组，非常好！回答得很好，不知道

keyvalue

pipe，返回键值对数组，非常好！