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

0 vote242 views1 answer
Code html view mobile inspect link head metalink
Html
2 votes204 views2 answers
Select change event
Html
81 votes288 views6 answers
Favicon HTML
Html
4 votes247 views2 answers
ERROR Error: If ngModel is used within a form tag, either the name attribute must be set or the form control must be defined as 'standalone' in ngModelOptions.
Html
1 vote250 views2 answers
Ion icon image
Html
0 vote262 views1 answer
Html drag and drag prograssive bar
Html
0 vote249 views1 answer
Code live html css online
Html
8 votes261 views3 answers
Ng style
Html
2 votes285 views1 answer
Export website to html
Html
13 votes256 views4 answers
Bootstrap..
Html