Answers for "angular ngclass if"

CSS
1

ngclass else

<p class="{{condition ? 'checked' : 'unchecked'}}">
<!-- or -->
<p [ngClass]="condition ? 'checked' : 'unchecked'">
<!--or -->
<p [ngClass]="[condition ? 'checked' : 'unchecked']">
Posted by: Guest on August-18-2021
3

Angular 8 ngClass If

[ngClass]="{'my-class': step=='step1'}"
Posted by: Guest on February-28-2020
1

Angular 8 ngClass If

[ngClass]="(step=='step1')?'my-class1':'my-class2'"
Posted by: Guest on February-28-2020
0

conditional classes angular

<div 
  [className]="isActive ? 'active' : 'inactive'">
</div>
Posted by: Guest on October-18-2020
1

conditionally assign a css class angular 9

<div [ngClass]="{'message': info.priority < 10,
                 'warn': info.priority > 10 && info.priority < 20, 
                 'error': info.priority > 30}">

{{info.text}}

</div>
Posted by: Guest on August-20-2020
0

Angular 8 ngClass If

[ngClass]="{'my-class': step=='step1', 'my-class2':step=='step2' }"
Posted by: Guest on February-28-2020

Browse Popular Code Answers by Language