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

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

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

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

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


angular angular-template
person LppEdd    schedule 28.12.2018    source источник
comment
@yurzui правда? Я чувствую себя глупо. Я думал, что это будет переопределено   -  person LppEdd    schedule 28.12.2018

Ответы (2)


arrow_upward
0
arrow_downward

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

<div class="general" [ngClass]="{'new': model.isNew, 'edited': model.isEdited}">
person Sachila Ranawaka    schedule 28.12.2018
comment
Я думал об этом, но, поскольку дело вкуса, я предпочитаю [class] способ. Спасибо, в любом случае! - person LppEdd; 28.12.2018

arrow_upward
0
arrow_downward

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

person Abhishek Gangwar    schedule 28.12.2018