/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

12 votes248 views5 answers
Update angular 10
Javascript AngularJS
-1 vote240 views1 answer
How to do a timer angular
Javascript AngularJS
0 vote255 views2 answers
Unknown Provider angularjs
Javascript AngularJS
29 votes346 views2 answers
Angular npm angular material
Javascript AngularJS
1 vote221 views1 answer
Angular matdialogref
Javascript AngularJS
0 vote273 views1 answer
Toggle text on click in angular
Javascript AngularJS
1 vote287 views1 answer
Button disabled angular
Javascript AngularJS
0 vote262 views1 answer
How to push object in array in angular from an api
Javascript AngularJS
7 votes270 views2 answers
Make angular to run on a different port
Javascript AngularJS
3 votes235 views1 answer
Start angular app server
Javascript AngularJS