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 votes186 views2 answers
Responsive website in css
Html
5 votes178 views4 answers
What is redux thunk
Html
18 votes161 views1 answer
Add css to an html file
Html
6 votes184 views2 answers
Property 'on' does not exist on type 'HTMLElement'.
Html
3 votes173 views1 answer
H1 red
Html
0 vote200 views1 answer
Header in PDF page using DOMPDF in PHP
Html
0 vote173 views1 answer
Ubuntu 19.04 vmware
Html
2 votes184 views1 answer
Html text not markable
Html
0 vote180 views2 answers
Bootrsrap
Html
0 vote165 views1 answer
Html5 fonts
Html