/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 vote321 views1 answer
Delete from array in angular
Javascript AngularJS
8 votes377 views2 answers
Angularjs onclick
Javascript AngularJS
0 vote346 views1 answer
Angular 8 enable routing
Javascript AngularJS
0 vote319 views1 answer
Angular disabled condition based
Javascript AngularJS
0 vote275 views1 answer
Angular calendar updating until hovering
Javascript AngularJS
6 votes340 views2 answers
Hide and show in angular 8
Javascript AngularJS
0 vote332 views1 answer
Angular call function on option select
Javascript AngularJS
1 vote309 views1 answer
Angular right click on link
Javascript AngularJS
1 vote345 views1 answer
No directive found with exportas 'ngmodel' angular 10
Javascript AngularJS
1 vote325 views2 answers
Apache angular routing
Javascript AngularJS