如何在HTML中将动态数据依次列出？ （均值）

Question

我从后端获取了一个数据数组，并希望通过HTML在另一个下方显示它们。有什么办法吗？我在下面提供了当前代码。

TS：

 this.sub = this.route.params.subscribe(params => {
  this.http.get<Organization>('/api/organization/get-details', {
    params: {
      username: params.orgUsername
    }
  })
  .subscribe(organization => {
      this.organization = organization['orgDetail'];
      this.users = organization['usernames'];

this.users将包含用户名列表，我想将其显示在另一个下面。

HTML代码：

<span style="display:flex; margin-top: 10px;">
          <mat-icon style="font-size:20px;">person</mat-icon>{{users}}</span>

预期输出：

用户名1

用户名2 ..

Answer 1

遍历数组并显示每个数组，

<span style="display:flex; margin-top: 10px;" *ngFor="let user of users">
    <mat-icon style="font-size:20px;">person</mat-icon>{{user}}
</span>