/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 vote301 views1 answer
Angular content-security-policy header
Javascript AngularJS
1 vote284 views2 answers
Angular how to iterate object
Javascript AngularJS
0 vote297 views3 answers
Stripe angular
Javascript AngularJS
24 votes364 views2 answers
Angular 10 filter date time
Javascript AngularJS
0 vote299 views1 answer
Mac address validation regex angular
Javascript AngularJS
0 vote314 views1 answer
Input set variable angular
Javascript AngularJS
0 vote316 views3 answers
How click button and redirect angular
Javascript AngularJS
3 votes310 views2 answers
Queryparams angular
Javascript AngularJS
0 vote308 views1 answer
Angular property value does not exist on type Event
Javascript AngularJS
0 vote319 views1 answer
Angular load json file with httpclient
Javascript AngularJS