conditionally assign a css class angular 9

Sleepy Sable answered on August 20, 2020 Popularity 10/10 Helpfulness 4/10

answer conditionally assign a css class angular 9

related conditional classes angular

related angular conditionally applying class usingn ngclass directive

conditionally assign a css class angular 9

Comment

<div [ngClass]="{'message': info.priority < 10,
                 'warn': info.priority > 10 && info.priority < 20, 
                 'error': info.priority > 30}">

{{info.text}}

</div>

Popularity 10/10 Helpfulness 4/10 Language css

Source: www.angularjswiki.com

Tags: angular assign class css

Link to this answer
Share Copy Link

Contributed on Aug 20 2020

Sleepy Sable

0 Answers Avg Quality 2/10

Closely Related Answers

conditional classes angular

Comment

<div 
  [className]="isActive ? 'active' : 'inactive'">
</div>

Popularity 10/10 Helpfulness 6/10 Language typescript

Source: ultimatecourses.com

Tags: angular

Link to this answer
Share Copy Link

Contributed on Oct 18 2020

Grieving Gharial

0 Answers Avg Quality 2/10

angular conditionally applying class usingn ngclass directive

Comment

<p [ngClass]="{'red':false, 'green':true}">
  Sure you understand Angular Directives!
</p>

<style>
  .red{color: red}
  .green{color: green}
</style>

Popularity 9/10 Helpfulness 3/10 Language whatever

Source: www.datarmatics.com

Tags: angular

Link to this answer
Share Copy Link

Contributed on Jun 05 2022

Zany Zebra

0 Answers Avg Quality 2/10

conditionally assign a css class angular 9

Contents

More Related Answers

conditionally assign a css class angular 9

Closely Related Answers

conditional classes angular

angular conditionally applying class usingn ngclass directive

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.