Ng class conditional angular

Angular 8 ngClass If

[ngClass]="{'my-class': step=='step1'}"

Source: stackoverflow.com

Ngclass condition

[ngClass]="{'my-class': step === 'step1'}"

Source: stackoverflow.com

Ngclass else

<p class="{{condition ? 'checked' : 'unchecked'}}">
<!-- or -->
<p [ngClass]="condition ? 'checked' : 'unchecked'">
<!--or -->
<p [ngClass]="[condition ? 'checked' : 'unchecked']">

Source: stackoverflow.com

If condition in class angular 8

 <i [class]="user.login_status == 1 ? 'fas fa-circle user_active' : 'fas fa-circle user_inactive'" aria-hidden="true"></i>

Ngclass condition

[ngClass]="(step=='step1')?'my-class1':'my-class2'"

Source: stackoverflow.com

Ng class conditional angular

<div 
  [ngClass]="{
    active: isActive,
    admin: isAdmin,
    subscriber: !isAdmin
  }">
</div>

Similar codes

5 votes190 views1 answer
Html how to add jquery
Html
98 votes203 views6 answers
How to hide scrollbar html
Html
10 votes163 views1 answer
Degree symbol html
Html
80 votes201 views6 answers
How to make anchor tag open in new tab
Html
1 vote195 views1 answer
Ngif async pipe
Html
0 vote197 views2 answers
HTTP to HTTPS
Html
0 vote183 views1 answer
Why place holder does not show
Html
0 vote196 views1 answer
Fondos en html5
Html
1 vote183 views1 answer
Taka html code
Html
27 votes249 views3 answers
Html upload image accept only few types
Html