/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 vote240 views1 answer
Angular calendar updating until hovering
Javascript AngularJS
8 votes291 views4 answers
Angular moment
Javascript AngularJS
4 votes286 views3 answers
Pass data from parent to child component angular 8
Javascript AngularJS
0 vote284 views2 answers
How to remove text style on td in angularjs
Javascript AngularJS
0 vote222 views2 answers
Font awesome npm angular
Javascript AngularJS
0 vote293 views1 answer
Angular empty object
Javascript AngularJS
0 vote263 views1 answer
Angular checkbox disabled
Javascript AngularJS
0 vote311 views1 answer
Angular watching for changes in $http.pendingRequests from directive
Javascript AngularJS
0 vote287 views1 answer
Ngcc failed angular 9
Javascript AngularJS
0 vote279 views2 answers
Animate on scroll angular
Javascript AngularJS