/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 vote266 views1 answer
Get data from URL in angular
Javascript AngularJS
0 vote254 views1 answer
Scope hierarchy in angularjs
Javascript AngularJS
0 vote282 views1 answer
Angular mat datepicker timezone
Javascript AngularJS
0 vote289 views1 answer
Input type shows object angularjs
Javascript AngularJS
8 votes278 views2 answers
Redirect angular
Javascript AngularJS
0 vote293 views1 answer
Reactive forms change event in angular
Javascript AngularJS
0 vote256 views1 answer
Angular checkbox disabled
Javascript AngularJS
0 vote283 views2 answers
Set @Output through modalref angular
Javascript AngularJS
5 votes271 views2 answers
Angular how to copy text with button
Javascript AngularJS
0 vote275 views1 answer
How to trim the file name when length more than 10 in angular
Javascript AngularJS