Angular 8 *ngFor 指令

*ngFor 指令用于从可迭代列表（集合）中，为每个项目重复一部分 HTML 模板。 ngFor 是 Angular 的一个结构型指令，类似于 AngularJS 中的 ngRepeat。 *ngFor 指令会导出一些局部变量，例如 Index、First、Last、odd 和 even。

ngFor 的语法

请参阅 ngFor 指令的简化语法

如何使用 ngFor 指令？

要使用 ngFor 指令，您必须创建一个 HTML 元素块，该块可以显示 items 集合中的单个项目。 之后，您可以使用 ngFor 指令告诉 angular 为列表中的每个项目重复该 HTML 元素块。

*ngFor 指令的示例

首先，您必须创建一个 angular 应用程序。 之后打开 app.component.ts 并添加以下代码。

以下代码包含一个 movies 数组中前 3 部电影的列表。 让我们构建一个模板以表格形式显示这些电影。

现在，打开 app. component.html 并添加以下代码

运行该应用程序后，它将以表格形式显示电影。