angular - 列表的Java地图（地图>) 到 Angular

Question

我从 Controller Map<String, List> 返回 Java HashMap

数据如下——

{A=[X,Y,Z], B=[P,Q]}

在 Angular 中，我想这样显示 -

A
    X
    Y
    Z
B
    P
    Q

我试过这段代码 -

<div>
    <div *ngFor="let first of content | keyvalue">
        {{first.key}}
        <div *ngFor="let second of first.value">
            {{second}}
        </div>
    </div>
</div>

但我得到“编译失败”。错误。

---

如果我使用下面的代码-

<div>
    <div *ngFor="let first of content | keyvalue">
        {{first.key}} --> {{first.value}}
    </div>
</div>

我低于输出-

A --> X,Y,Z
B --> P,Q

我需要列表中的值在单独的行中。任何帮助，将不胜感激！

PS - 我不想在打字稿中处理数据。

标签： angular

Answer 1

尝试这个 ：

 <div *ngFor="let first of content | keyvalue">
      {{first.key}}
      <div style="margin-left:25px" *ngFor="let val of content[first.key]">
        {{val}}
      </div>
    </div>