/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 vote255 views1 answer
Angular set attribute value dynamically
Javascript AngularJS
-1 vote174 views1 answer
How to disable previous date in datepicker using angular 6
Javascript AngularJS
0 vote172 views1 answer
Ng2 validations angular using reactiveforms
Javascript AngularJS
0 vote160 views1 answer
Import jquery into angular 8
Javascript AngularJS
43 votes342 views6 answers
Angular check if array is empty
Javascript AngularJS
0 vote185 views1 answer
Date and month are swapping in angular
Javascript AngularJS
13 votes181 views3 answers
Angular serve
Javascript AngularJS
0 vote181 views1 answer
Angular input .valueChanges.subscribe value
Javascript AngularJS
0 vote173 views1 answer
Masterselect angular 8
Javascript AngularJS
0 vote193 views1 answer
Convert file to blob in angular
Javascript AngularJS