/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

4 votes148 views1 answer
Angular component between tags
Javascript AngularJS
0 vote180 views1 answer
Angularjs left xx characters
Javascript AngularJS
0 vote157 views1 answer
Angularjs format number thousands separator
Javascript AngularJS
7 votes167 views4 answers
Angular js
Javascript AngularJS
24 votes295 views2 answers
Date format in angular ts
Javascript AngularJS
2 votes194 views1 answer
Use promise in angular 8
Javascript AngularJS
0 vote190 views1 answer
Check textbox value on ng-change value == in angular
Javascript AngularJS
0 vote162 views1 answer
Delete from array in angular
Javascript AngularJS
0 vote185 views1 answer
Angular json to file and download
Javascript AngularJS
1 vote253 views1 answer
Angular get current time
Javascript AngularJS