/Javascript/AngularJS/Angular dynamic class

Angular dynamic class

Angular ngclass

      
        content_copy
      
      <some-element [ngClass]="'first second'">...</some-element>

<some-element [ngClass]="['first', 'second']">...</some-element>

<some-element [ngClass]="{'first': true, 'second': true, 'third': false}">...</some-element>

<some-element [ngClass]="stringExp|arrayExp|objExp">...</some-element>

<some-element [ngClass]="{'class1 class2 class3' : true}">...</some-element>

Source: angular.io

Angular dynamic class

<button [ngClass]="type === 'mybutton' ? namespace + '-mybutton' : ''"></button>

Source: stackoverflow.com

Similar codes

1 vote179 views1 answer
Make link disabled in angular
Javascript AngularJS
1 vote198 views1 answer
Emit resize event in angular
Javascript AngularJS
2 votes276 views1 answer
Gitignore for angular
Javascript AngularJS
50 votes356 views3 answers
Angularjs substring
Javascript AngularJS
2 votes199 views1 answer
If 'mat-step' is an Angular component,
Javascript AngularJS
0 vote213 views1 answer
Recuperer une image dans la base de données avec angular
Javascript AngularJS
0 vote190 views1 answer
How to add external link in angular
Javascript AngularJS
0 vote190 views2 answers
Angular 4200 on ec2 access is localhost
Javascript AngularJS
0 vote200 views1 answer
Angular rxjs-compat is uptodate
Javascript AngularJS
0 vote227 views2 answers
This version of CLI is only compatible with Angular versions 0.0.0 || ^9.0.0-beta || >=9.0.0 <10.0.0, but Angular version 10.0.14 was found instead.
Javascript AngularJS