Question

我正在编写一个应用程序，它具有 RESTful Web服务，用于后端连接 mysql 数据库，前端位于 Angular2 ，来自后端我得到一个 SET ，其中包含一些与用户相关的信息。

因为我必须在前端显示 SET 中的值，所以我必须迭代SET并获取值。

如何在任何角度项目中的html文件中迭代SET（ app.component.html ，我正在编写此名称，因为它对每个项目都是通用的。）

任何输入都将被挪用..

附加代码：

<ul>
        <li *ngFor="let user of users">
            {{user.username}}

            <!-- - <a (click)="deleteUser(user.id)">Delete</a> -->
            {{user.roles}}
        </li>
    </ul>

{{user.roles}}为用户提供了一组角色，但它不打印只打印对象的值。我知道它会打印对象，但我怎样才能获得该值。

Answer 1

使用*ngFor指令迭代从后端获取的数据，如下所示：

<ul>
  <li *ngFor="let item of items; let i = index">
    {{i}} - {{item | json}}
  </li>
</ul>

显然，你的后端正在返回包裹在一个对象中的数据，这就是为什么我包含了json管道，这样你就可以看到屏幕上打印的整个对象，然后用点符号决定你要在屏幕上打印什么达到实际值就像这样：

<ul>
  <li *ngFor="let item of items; let i = index">
    {{i}} - {{item?.value}}
  </li>
</ul>

如何在Angular 2

1 个答案: