未定义类时，Angular ngClass 会导致错误

问题描述

我在 ngClass 中添加了一个条件和一个如下所示的类。这里没有问题。

[ngClass]="!tableOnly ? 'height-100p-48px' : 'full-height'"

.height-100p-48px {
  height: calc(100% - 48px);
}

但是当我将条件中的类更改为这样的内容时（注意区别，48 更改为 40）

[ngClass]="!tableOnly ? 'height-100p-40px' : 'full-height'"

未定义 height-100p-40px css 类。

页面冻结主线程并杀死浏览器。这可能是什么原因？我认为缺少的 CSS 类应该不会导致任何错误？

解决方法

当然它不起作用：CSS 文件中的类称为“height-100p-48px”，因此如果您指向“height-100p-40px”，则在您创建它之前它不起作用：

.height-100p-40px { 高度：计算（100% - 40px）； }