/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

0 vote358 views1 answer
Angularjs datetime
Javascript AngularJS
1 vote346 views3 answers
Angular dropdown selected value
Javascript AngularJS
7 votes298 views1 answer
Angular get previous route
Javascript AngularJS
47 votes451 views6 answers
Adding bootstrap to angular
Javascript AngularJS
0 vote351 views1 answer
How to decrease the size of js files build from angular
Javascript AngularJS
1 vote326 views1 answer
Angular show time ago
Javascript AngularJS
0 vote360 views1 answer
Display component in popup angular 8
Javascript AngularJS
1 vote285 views1 answer
Angular transition
Javascript AngularJS
0 vote333 views2 answers
Fs in angular
Javascript AngularJS
0 vote357 views2 answers
Veu js vs angular vs react features
Javascript AngularJS