/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

6 votes316 views2 answers
Hide and show in angular 8
Javascript AngularJS
0 vote293 views1 answer
How to add external link in angular
Javascript AngularJS
2 votes318 views1 answer
Change color of material design angular progress bar
Javascript AngularJS
0 vote307 views1 answer
News Application With Angular and Material Design
Javascript AngularJS
9 votes240 views1 answer
Angular settimeout
Javascript AngularJS
0 vote275 views4 answers
Angular for loop
Javascript AngularJS
0 vote324 views1 answer
Serviceworker in angular
Javascript AngularJS
0 vote298 views1 answer
Angular form initialse
Javascript AngularJS
0 vote342 views2 answers
How to auto click webpage in angular
Javascript AngularJS
8 votes314 views2 answers
Update formgroup value angular
Javascript AngularJS