/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 vote117 views1 answer
Vscode angular: running ngcc
Javascript AngularJS
12 votes120 views5 answers
Fontawesome angular
Javascript AngularJS
0 vote122 views1 answer
Download xml file asp.net web api and angularjs
Javascript AngularJS
5 votes120 views2 answers
Angular how to copy text with button
Javascript AngularJS
0 vote119 views1 answer
How to get latitude and longitude from address in angular 6
Javascript AngularJS
0 vote169 views1 answer
Como saber cuando un link cambia angular
Javascript AngularJS
0 vote134 views1 answer
How to generate angular component with scss
Javascript AngularJS
0 vote107 views1 answer
Import jquery into angular 8
Javascript AngularJS
0 vote115 views1 answer
Error: node_modules/@angular/fire/database/interfaces.d.ts:2:10
Javascript AngularJS
3 votes63 views1 answer
Angular list contains property
Javascript AngularJS