/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 vote308 views1 answer
Comand component create struct angular
Javascript AngularJS
5 votes336 views1 answer
Angular x social login
Javascript AngularJS
10 votes359 views3 answers
Eventemitter in angular
Javascript AngularJS
0 vote355 views1 answer
Tag p is already been closed when there are div tag angular
Javascript AngularJS
0 vote323 views1 answer
Scrollout js angular
Javascript AngularJS
0 vote340 views1 answer
Angular bootstrap path
Javascript AngularJS
0 vote351 views1 answer
Angular animation scale width and height
Javascript AngularJS
0 vote396 views1 answer
No styles are appearing in angular calendar
Javascript AngularJS
4 votes366 views1 answer
Ng remove @angular/fire
Javascript AngularJS
3 votes348 views1 answer
Angular command to create interceptor
Javascript AngularJS