/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 vote208 views1 answer
Ag grid angular examples
Javascript AngularJS
0 vote206 views1 answer
Angular rxjs-compat is uptodate
Javascript AngularJS
12 votes195 views2 answers
Angular string contains
Javascript AngularJS
4 votes216 views2 answers
Angular delete from array by name
Javascript AngularJS
2 votes191 views2 answers
Ngfor select angular
Javascript AngularJS
0 vote190 views1 answer
Angular get device information
Javascript AngularJS
28 votes447 views6 answers
Angular router navigate
Javascript AngularJS
0 vote241 views1 answer
VideoTitle$ Angular 2 - communication between two sibling components
Javascript AngularJS
0 vote199 views1 answer
Locale data angular 12
Javascript AngularJS
24 votes343 views2 answers
Date format in angular ts
Javascript AngularJS