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

32 votes138 views6 answers
Viewport
Html
-1 vote121 views1 answer
<html> <frameset cols ="50%,50%"> <frame src ="vate.html"> </frame> <frame scr ="abosamra.html"> </frame> </frameset> </html>
Html
0 vote153 views3 answers
Navbar in rows in bootstrap
Html
0 vote132 views1 answer
Mailto like call
Html
3 votes118 views1 answer
How do i make a line in html
Html
0 vote152 views1 answer
What is BETH?
Html
8 votes142 views5 answers
How to install jquery
Html
12 votes132 views5 answers
Meta refresh url
Html
0 vote144 views1 answer
How to code cards deck with tab collapse
Html
6 votes136 views6 answers
Button
Html