/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 vote220 views1 answer
Angular lazy-loading cli command
Javascript AngularJS
0 vote211 views1 answer
Click binding angular 8
Javascript AngularJS
2 votes218 views2 answers
Generating component in angular without spec file
Javascript AngularJS
0 vote218 views1 answer
Import file json angular 12
Javascript AngularJS
0 vote201 views1 answer
Angular local storage ionic
Javascript AngularJS
21 votes262 views6 answers
Angular property has no initializer and is not definitely assigned in the constructor
Javascript AngularJS
10 votes213 views2 answers
What does event emitter do in angular
Javascript AngularJS
38 votes260 views6 answers
How to add bootstrap in angular
Javascript AngularJS
0 vote206 views1 answer
Anchor click event angular refresh page
Javascript AngularJS
1 vote228 views1 answer
Angular set timezone
Javascript AngularJS