/TypeScript/Conditional inline style angular

Conditional inline style angular

Conditional style angular

<div [ngStyle]="{'color':employee.country === 'India' ? 'orange' : 'red' }"></<div>

Source: aanchalgarg.com

Conditional inline style angular

// ngStyle (conditional Style)
<div *ngFor='let [data] of [dataArray]; let i=index;'>
  <h2 [style.background]="i>1? 'green': 'red'"> {{i}} {{data.title}} </h2>

  </div> 

//if the index of the element is 1 or 0, the background will be red, if it is over 1 the background will be green

Similar codes

0 vote142 views1 answer
Vb net code snippets for storing password
TypeScript
4 votes131 views1 answer
ERR_TOO_MANY_REDIRECTS wordpress
TypeScript
0 vote124 views1 answer
Typescript foreach object ts(7053)
TypeScript
0 vote138 views1 answer
Behaviour
TypeScript
0 vote120 views1 answer
What types of troop advancements were involved, and why were both needed in dday
TypeScript
0 vote126 views1 answer
How to check if an element starts with class in jquery
TypeScript
0 vote235 views2 answers
Laravel websockets pusher
TypeScript
0 vote134 views1 answer
Destructuring props in styled-components
TypeScript
-1 vote148 views1 answer
Splice typescript array
TypeScript
1 vote133 views1 answer
Why does the Circum-Pacific belt of earthquakes coincide with the Pacific ring of fire
TypeScript