/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 vote194 views1 answer
Angular material remove outline
Javascript AngularJS
0 vote228 views2 answers
Angularjs fractionSize with dot
Javascript AngularJS
0 vote216 views1 answer
Different views for Desktop and mobile Angular
Javascript AngularJS
0 vote214 views1 answer
Angular 4 execute function from another component
Javascript AngularJS
0 vote202 views2 answers
Aos library animation angular
Javascript AngularJS
0 vote216 views1 answer
How to use buffer in angular by using browserify
Javascript AngularJS
0 vote206 views1 answer
Use your custom component inside Angular Material Dialog
Javascript AngularJS
0 vote167 views1 answer
Comand component create struct angular
Javascript AngularJS
0 vote206 views3 answers
Input on change angular 2
Javascript AngularJS
0 vote219 views1 answer
Attr.disabled not working in angular
Javascript AngularJS