Блог

Я добавил условие в класс NG и класс, как показано ниже. здесь нет никакой проблемы.

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

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

Но когда я изменяю класс в условии на что-то вроде этого (обратите внимание на разницу, 48 изменилось на 40)

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

Класс css height-100p-40px не определен.

страница замораживает основной поток и убивает браузер. В чем может быть причина этого? Я считал, что отсутствующие классы CSS не должны вызывать никаких ошибок?

Конечно, это не работает: класс в файле CSS называется «высота-100p-48px», поэтому, если вы укажете на «высота-100p-40px», он не будет работать, пока вы не создадите это:

.высота-100p-40px { высота: calc(100% — 40px); }