/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

1 vote235 views1 answer
Angular lazy loading images
Javascript AngularJS
6 votes196 views2 answers
Ionic angular change page route
Javascript AngularJS
1 vote168 views1 answer
Angular remove item from localstorage
Javascript AngularJS
0 vote212 views1 answer
Base href angular
Javascript AngularJS
16 votes205 views4 answers
Create component with module and routing in angular 8
Javascript AngularJS
24 votes211 views2 answers
Angular 10 filter date time
Javascript AngularJS
2 votes179 views1 answer
Angular valuechanges get id
Javascript AngularJS
0 vote224 views5 answers
Using fb login with angular app
Javascript AngularJS
0 vote185 views1 answer
Angular module with routing cli
Javascript AngularJS
0 vote175 views2 answers
Angularx flatpickr
Javascript AngularJS