/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

-3 votes297 views7 answers
Angular
Javascript AngularJS
12 votes347 views3 answers
Angular create guard
Javascript AngularJS
0 vote376 views1 answer
How to update angular core in ionic
Javascript AngularJS
16 votes386 views3 answers
Generate module with routing in angular
Javascript AngularJS
0 vote328 views1 answer
Link in directive angularjs
Javascript AngularJS
3 votes341 views1 answer
Angular copy
Javascript AngularJS
0 vote350 views1 answer
Angular 8 enable routing
Javascript AngularJS
0 vote358 views1 answer
Styles in angular component
Javascript AngularJS
1 vote317 views1 answer
How to get utc time in angular
Javascript AngularJS
0 vote319 views1 answer
Angular reactive form remove validation
Javascript AngularJS