在Angular 9中，[ngClass]/[class]和[className]有什么不同？

在Angular 9中，[ngClass]/[class]和[className]是用于动态设置HTML元素的class属性的指令或属性。

1. [ngClass]/[class]指令：[ngClass]是Angular的内置指令，用于动态设置HTML元素的class属性。它可以接受一个对象、数组或字符串作为参数。

• 对象参数：可以根据条件动态添加或移除class。例如，可以根据某个条件设置一个或多个class：[ngClass]="{ 'class1': condition1, 'class2': condition2 }"。
• 数组参数：可以根据一组条件动态添加或移除class。例如，可以根据多个条件设置一个或多个class：[ngClass]="[condition1 ? 'class1' : 'class2', condition3 ? 'class3' : 'class4']"。
• 字符串参数：可以直接设置一个或多个class。例如，可以设置一个或多个class：[ngClass]="'class1 class2'"。

推荐的腾讯云相关产品：无

1. [className]属性：[className]是Angular的属性绑定语法，用于动态设置HTML元素的class属性。它接受一个字符串作为参数。

• 字符串参数：可以直接设置一个或多个class。例如，可以设置一个或多个class：[className]="'class1 class2'"。

推荐的腾讯云相关产品：无

总结：

• [ngClass]/[class]指令和[className]属性都可以用于动态设置HTML元素的class属性。
• [ngClass]/[class]指令更加灵活，可以根据条件动态添加或移除class，支持对象、数组和字符串参数。
• [className]属性相对简单，只能直接设置一个或多个class，只支持字符串参数。

更多关于Angular 9的相关信息，请参考腾讯云官方文档：Angular 9 文档