/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 vote141 views1 answer
Angular convert boolean to yes no
Javascript AngularJS
10 votes136 views3 answers
Pipe of date angular
Javascript AngularJS
0 vote141 views1 answer
Angular attach component to body
Javascript AngularJS
1 vote167 views1 answer
Angular datatable reload with pagination
Javascript AngularJS
1 vote146 views2 answers
Apache angular routing
Javascript AngularJS
16 votes144 views6 answers
Generate new component angular
Javascript AngularJS
6 votes137 views4 answers
Angular bootstrap not working
Javascript AngularJS
10 votes132 views3 answers
Angular event emitter
Javascript AngularJS
6 votes127 views3 answers
How to create a module in angular 9
Javascript AngularJS
-1 vote141 views1 answer
Angular back button
Javascript AngularJS