/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 vote279 views1 answer
How to push object in array in angular from an api
Javascript AngularJS
0 vote298 views1 answer
Angular chart js legend position
Javascript AngularJS
1 vote295 views3 answers
Angular directive
Javascript AngularJS
-1 vote262 views1 answer
Angular 11 support versions nodejs
Javascript AngularJS
3 votes302 views1 answer
Data binding on checkbox angular
Javascript AngularJS
0 vote294 views2 answers
How to define width with [styles] in percentage in angular
Javascript AngularJS
0 vote280 views1 answer
Const link = document.createElement('a'); angular10
Javascript AngularJS
1 vote448 views3 answers
Error referenceerror $ is not defined in angular 10
Javascript AngularJS
5 votes261 views3 answers
We need a server for server side rendering of angular
Javascript AngularJS
6 votes295 views1 answer
Ngfor on keys of a dictionary angular
Javascript AngularJS