Angular — ng-класс или класс

Я хотел бы знать, в чем реальная польза от использования ngClass/[ngClass] вместо класса в Angular? Есть ли различия в производительности?

<div class="foobar">text</div>

or

<div ngClass="foobar">text</div>

angular class ng-class
person Ryu    schedule 15.10.2018    source источник
comment
вы можете добавить класс на основе условия, используя [ngClass]   -  person Franklin Pious    schedule 15.10.2018
comment
Это потому, что вы не используете нотацию @Input с [ngClass]="var". В вашем случае действительно никакой выгоды.   -  person    schedule 15.10.2018

Ответы (1)


arrow_upward
3
arrow_downward

*Если вы хотите добавить class, используйте class, как показано ниже.

class="className"

*Если вы хотите условно добавить один class, вы можете использовать class/ngClass in angular, как показано ниже.

[class.className]="condition"  
[ngClass]="{'className': condition}"

*Если вы хотите условно добавить более одного class, у вас есть два пути.

Way 1: Используйте class in angular, как показано ниже:

[class.className1]="condition1"  
[class.className2]="condition2"
.
.
.

Way 2: Используйте ngClass in angular, как показано ниже:

[ngClass]="{'class1': condition1 , 'class2': condition2 ... }"

И явно 2-й способ лучше 1-го. Фу !!

person Harunur Rashid    schedule 15.10.2018