html - 如何在 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>