/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 vote280 views1 answer
An unhandled exception occurred: ENOENT: no such file or directory, lstat 'C:\Users\hp\Desktop\New folder\node_modules' See "C:\Users\hp\AppData\Local\Temp\ng-uhxyh2\angular-errors.log" for further details.
Javascript AngularJS
3 votes184 views1 answer
Angular build aot vs jit
Javascript AngularJS
0 vote174 views2 answers
Angular material button toggle selected
Javascript AngularJS
0 vote176 views1 answer
Https error response with status 200 angular
Javascript AngularJS
0 vote188 views1 answer
Angular how to run code every time you route
Javascript AngularJS
5 votes174 views1 answer
Access angular app outside localhost
Javascript AngularJS
1 vote183 views2 answers
Button click navigate to another page angular
Javascript AngularJS
6 votes184 views4 answers
Angular bootstrap not working
Javascript AngularJS
0 vote196 views2 answers
Aos animation angular
Javascript AngularJS
0 vote188 views1 answer
Angular chartjs align legend left
Javascript AngularJS