/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 vote134 views1 answer
How to angular html ts function
Javascript AngularJS
1 vote127 views1 answer
Condition in string interpolation angular
Javascript AngularJS
26 votes127 views1 answer
Angular lifecycle hooks
Javascript AngularJS
28 votes178 views6 answers
Angular router navigate
Javascript AngularJS
0 vote117 views1 answer
Read xlsx file in angular 5
Javascript AngularJS
7 votes73 views1 answer
Angular get previous route
Javascript AngularJS
0 vote117 views1 answer
Angular property binding
Javascript AngularJS
0 vote137 views1 answer
Disable strict mode angular
Javascript AngularJS
0 vote122 views1 answer
Angular radio box already showing checked
Javascript AngularJS
0 vote143 views1 answer
Como checar valor do input checkbox angular
Javascript AngularJS