/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 vote85 views1 answer
Javascript console log angularjs $scope data
Javascript AngularJS
7 votes157 views4 answers
Angular firebase
Javascript AngularJS
0 vote132 views1 answer
Datatable shows No data available in table in angular
Javascript AngularJS
0 vote177 views2 answers
How to run angular application in visual studio code
Javascript AngularJS
0 vote129 views1 answer
What is the difference between angular changedetection default and onpush stratergy
Javascript AngularJS
1 vote185 views1 answer
Perfect scrollbar in textarea angular
Javascript AngularJS
0 vote130 views1 answer
Open bytes in new tab angular
Javascript AngularJS
12 votes128 views5 answers
Angular font awesome
Javascript AngularJS
0 vote133 views1 answer
@angular/common
Javascript AngularJS
0 vote136 views1 answer
Angular tab change smooth transition
Javascript AngularJS