/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

10 votes243 views2 answers
Make service in angular 8
Javascript AngularJS
0 vote287 views2 answers
Angularjs - controllerAs
Javascript AngularJS
-1 vote293 views2 answers
Where to create service angularor nodejs
Javascript AngularJS
0 vote222 views1 answer
Ngif is string angular
Javascript AngularJS
0 vote241 views1 answer
Url builder angularjs
Javascript AngularJS
0 vote278 views1 answer
Angular view not changing on model
Javascript AngularJS
2 votes248 views2 answers
Angularjs 1.5.6 cdn
Javascript AngularJS
1 vote241 views1 answer
Uppercase angular pipe
Javascript AngularJS
26 votes259 views1 answer
Angular lifecycle hooks
Javascript AngularJS
8 votes246 views3 answers
Formgroup angular
Javascript AngularJS