/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 vote117 views1 answer
Await in angular 8
Javascript AngularJS
0 vote115 views1 answer
Backtick in angular
Javascript AngularJS
0 vote109 views1 answer
Angular access service in console
Javascript AngularJS
3 votes117 views3 answers
Disable input angular
Javascript AngularJS
0 vote107 views1 answer
If else condition in angular if user enter string value in input integer
Javascript AngularJS
20 votes113 views4 answers
Create angular component using cli
Javascript AngularJS
0 vote107 views1 answer
Benchmark ram usage angular
Javascript AngularJS
0 vote114 views1 answer
Angular convert boolean to yes no
Javascript AngularJS
0 vote107 views2 answers
SaveAs method of file-saver in angular
Javascript AngularJS
0 vote107 views1 answer
How to add external link in angular
Javascript AngularJS