/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 vote152 views1 answer
Angular right click on link
Javascript AngularJS
1 vote224 views1 answer
Your global Angular CLI version (11.0.2) is greater than your local version
Javascript AngularJS
-1 vote172 views1 answer
How to do a timer angular
Javascript AngularJS
0 vote143 views1 answer
Bootstrap dropdown not working in angular 8
Javascript AngularJS
0 vote151 views1 answer
Count same product with price in angular
Javascript AngularJS
0 vote103 views2 answers
Font awesome npm angular
Javascript AngularJS
0 vote143 views2 answers
Adding background video angular 6
Javascript AngularJS
0 vote159 views1 answer
Angular show text in template before data loads
Javascript AngularJS
0 vote150 views1 answer
Angular.json to war
Javascript AngularJS
2 votes169 views1 answer
Use promise in angular 8
Javascript AngularJS