В Angular для отмены применения класса CSS обычно используется директива ngClass или связывание классов [class].
1) Директива ngClass позволяет добавлять или удалять классы в зависимости от значений свойств компонента.
Пример использования ngClass:
<div [ngClass]="{'my-class': isClassEnabled}">Some text</div>
В этом примере, класс my-class будет применяться только тогда, когда свойство isClassEnabled имеет значение true. Если значение свойства isClassEnabled будет false, то класс my-class не будет применяться.
2) Связывание классов [class] также позволяет добавлять или удалять классы, но в данном случае значение класса определяется непосредственно в компоненте.
Простой пример использования связывания классов:
<div [class.my-class]="isClassEnabled">Some text</div>
Здесь класс my-class будет применяться, когда свойство isClassEnabled имеет значение true, и не будет применяться, когда оно равно false.
Если вам необходимо удалить класс, а не просто отключить его, то вы можете использовать условный оператор ? для выборочного применения класса. Например:
<div [class.my-class]="isClassEnabled ? true : null">Some text</div>
В этом примере, класс my-class будет применяться только тогда, когда свойство isClassEnabled имеет значение true. Когда свойство isClassEnabled равно false, класс my-class будет удален.
Кроме того, вы можете использовать функцию вместо значений true/false или null, чтобы динамически определять, какие классы применять и когда.
В заключение, в Angular есть несколько способов отменить или удалять классы CSS. Вы можете использовать директиву ngClass или связывание классов [class] для добавления и удаления классов в зависимости от условий.