Angular 8 指令

Angular 8 指令用于操作 DOM。 通过使用 Angular 指令，您可以更改 DOM 元素的外观、行为或布局。 它还有助于扩展 HTML。

Angular 8 指令可以根据其行为方式分为 3 类

• 组件指令
• 结构指令
• 属性指令

组件指令： 组件指令用于主类。 它们包含组件应如何在运行时进行处理、实例化和使用的详细信息。

结构指令： 结构指令以 * 符号开头。 这些指令用于操作和更改 DOM 元素的结构。 例如，*ngIf 指令、*ngSwitch 指令和 *ngFor 指令。

• *ngIf 指令： ngIf 允许我们添加/删除 DOM 元素。
• *ngSwitch 指令： *ngSwitch 允许我们添加/删除 DOM 元素。 它类似于 C# 的 switch 语句。
• *ngFor 指令： *ngFor 指令用于对来自可迭代列表（集合）的每个项目重复 HTML 模板的一部分。

属性指令： 属性指令用于更改 DOM 元素的外观和行为。 例如：ngClass 指令和 ngStyle 指令等。

• ngClass 指令： ngClass 指令用于向 HTML 元素添加或删除 CSS 类。
• ngStyle 指令： ngStyle 指令便于您使用表达式修改 HTML 元素的样式。 您还可以使用 ngStyle 指令来动态更改 HTML 元素的样式。