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

232 votes252 views6 answers
How to link js to html
Html
0 vote172 views1 answer
Html textarea placeholder multiple lines
Html
0 vote161 views1 answer
Pt serif
Html
0 vote155 views2 answers
<!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <h1>This is a Heading</h1> <p>This is a paragraph.</p> </body> </html>
Html
0 vote161 views1 answer
Html exporting table is displaying numbers as dates
Html
0 vote162 views1 answer
How to display an array in html
Html
0 vote122 views3 answers
Tailwind css card
Html
-1 vote158 views1 answer
How to add Music to body html
Html
8 votes151 views2 answers
Html code for writing text
Html
0 vote177 views1 answer
How to inject html in wtforms
Html