Применение классов в шаблонах Angular

Question

Я использую синтаксис [class.*] для условного применения классов.
Я всегда хотел применить класс.

Мой текущий код выглядит следующим образом:

[class.general]="true"
[class.new]="model.isNew"
[class.edited]="model.isEdited"

* * * * * * [class.general]="true" немного странно и выглядит как хак.Есть ли стандартный / лучший способ иметь фиксированный класс, а также использовать условные выражения для других классов?

Answer 1

Вы можете попробовать следующие способы присвоения класса

• Попробуйте ngClass из Официальная документация

• Если вы хотитеиспользуйте какой-нибудь условный способ применения классов, посмотрите этот ответ

Answer 2

Просто добавление к точке @yurzui. Если у вас есть несколько классов, добавляющих динамически, я бы предложил использовать ngClass

<div class="general" [ngClass]="{'new': model.isNew, 'edited': model.isEdited}">