/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 vote201 views1 answer
Trim angular material input with ellipsis
Javascript AngularJS
0 vote148 views1 answer
Reuse jquery angular
Javascript AngularJS
0 vote144 views1 answer
Angular data table push not working
Javascript AngularJS
-1 vote163 views2 answers
How to navigate to previous page in angular
Javascript AngularJS
0 vote152 views1 answer
Custom search filter in angular 8
Javascript AngularJS
11 votes179 views2 answers
Angular print an array
Javascript AngularJS
0 vote155 views1 answer
Angular call function every x seconds
Javascript AngularJS
0 vote187 views2 answers
Chrome console angular scope
Javascript AngularJS
17 votes115 views1 answer
Angular delete component full
Javascript AngularJS
13 votes167 views3 answers
Angular.json bootstrap path
Javascript AngularJS