📅  最后修改于: 2023-12-03 15:33:06.696000             🧑  作者: Mango
在 Angular 中,'ng'是一个内置的命名空间,用于许多内置类的前缀。这些类被称为'ng 角度的类'。这些类提供了许多 Angular 应用程序构建中常用的功能。
NgClass 提供了一种在 HTML 元素上添加或移除 CSS 类的简单方式。它可以用于根据条件动态地添加或移除类。
<div [ngClass]="{'class1': condition1, 'class2': condition2}">...</div>
其中,'condition1' 和 'condition2' 是布尔值,代表要添加或移除的类名。如果 condition1 为 true,则添加 class1 类。如果 condition2 为 true,则添加 class2 类。
NgStyle 类提供了一种简单的方法来在 HTML 元素上动态设置样式。
<div [ngStyle]="{'font-size': size + 'px', 'color': color}">...</div>
其中,'size' 和 'color' 是组件中的变量。它们可以根据需要动态设置。
NgIf 类提供了一种简单的方法来根据条件显示或隐藏 HTML 元素。
<div *ngIf="showElement">...</div>
其中,'showElement' 是布尔值,如果为 true,则显示 HTML 元素。
NgForOf 类提供了一种在 HTML 元素中迭代数组的简单方法。
<div *ngFor="let item of items">...</div>
其中,'items' 是数组,它包含要迭代的项。
这些只是'ng 角度的类'中的一些例子。它们提供了许多在 Angular 应用程序中常用的功能。如果您想了解更多,请参阅 Angular 文档。