/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 vote159 views1 answer
Angular validar formulario
Javascript AngularJS
0 vote194 views1 answer
Switch element array angular
Javascript AngularJS
0 vote182 views3 answers
Html2canvas angular
Javascript AngularJS
12 votes149 views5 answers
Angular font awesome
Javascript AngularJS
3 votes144 views1 answer
Ternary operator angular template
Javascript AngularJS
-1 vote130 views2 answers
Activate router angular
Javascript AngularJS
1 vote181 views1 answer
Data table in angular 8 from api
Javascript AngularJS
2 votes164 views1 answer
@input and @Output in angular
Javascript AngularJS
0 vote141 views2 answers
Passing a variable to the width style div angular
Javascript AngularJS
0 vote139 views1 answer
Autocomplete list angular 8 material
Javascript AngularJS