/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

5 votes137 views1 answer
Angular open poort in network
Javascript AngularJS
0 vote128 views1 answer
Angular pass async pipe value to funciton
Javascript AngularJS
0 vote125 views1 answer
Angular 10 get unique values from array of objects
Javascript AngularJS
0 vote119 views1 answer
Angular 9 dockerfile
Javascript AngularJS
0 vote117 views1 answer
Angular Cannot find name 'require'.
Javascript AngularJS
0 vote135 views1 answer
Localhost:3000 ad is not working with outlook angular 8
Javascript AngularJS
0 vote124 views2 answers
Convert int to string in angular
Javascript AngularJS
0 vote122 views1 answer
Set width screen angular
Javascript AngularJS
0 vote125 views1 answer
Calling angular component method in service
Javascript AngularJS
0 vote115 views1 answer
Angular print html
Javascript AngularJS