虽然以这种方式添加单个类非常有效-

[class.loading-state]="loading"

但是如何添加多个类呢

我如何通过[class] binding完成它

推荐答案

您只需使用ngClass:

这里第一、第二和第三是类的名称.

而不是真/假,你可以直接把你的条件放在那里

 <div [ngClass]="{'first': true, 'second': true, 'third': false}">...</div>

在你的情况下

 <div [ngClass]="{'loading-state': loading, 'my-class': loading }">...</div>

或更短的Veriosn(如@matko.kvesic comments )

<div [ngClass]="{'loading-state my-class': loading}">...</div>

Angular相关问答推荐

MAT表的内联文本编辑-未刷新编辑图标

更改图表上的光标以进行zoom

带输入的单位测试Angular 分量.需要

在RxJS和ANGING中处理多个API调用

向Anguar 17项目添加服务以启动和停止Loader-NGX-UI-Loader

截取提取后端S获取添加授权头的请求

如何使用独立组件在ANGLE(16+)中实现嵌套布线

所有返回缺少权限或权限不足的FireBase项目.

Angular 16模块中未使用的组件是否从Bundle 包中删除(树摇动)?

Angular Mat Select 显示键盘焦点和鼠标悬停焦点的问题

大型 Angular 12 应用程序 - 我如何管理 js 文件

错误:在工作区外运行 Angular CLI 时,此命令不可用

Angular 2 二传手与 ngOnChanges

Angular 服务decorator 提供在延迟加载的根效果

如何添加/设置环境 Angular 6 angular.json 文件

移除 Angular 组件创建的宿主 HTML 元素 Select 器

Angular将 Select 值转换为 int

在Angular2 Dart中设置路由和RouterLink的正确方法是什么

如何在 Angular 中使用 router.navigateByUrl 和 router.navigate

不推荐使用 forkJoin:不推荐使用 resultSelector,而是使用管道映射