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

2 votes223 views2 answers
Html p tag
Html
7 votes233 views2 answers
Python find remove html tags
Html
0 vote255 views1 answer
Fee receipt format html
Html
1 vote253 views2 answers
How to open html file in terminal
Html
0 vote284 views1 answer
Html skype chat link
Html
0 vote227 views1 answer
<style>body {background-color: coral;}</style>
Html
18 votes251 views2 answers
How to add script in html head
Html
22 votes242 views1 answer
Create a mailto link html
Html
1 vote241 views1 answer
Pass text from input field to javascript function
Html
0 vote215 views3 answers
Html css js uncaught typeerror: cannot set property 'innertext' of null
Html