/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 vote302 views1 answer
How are uv rays produced
TypeScript
32 votes326 views10 answers
Translate
TypeScript
38 votes382 views4 answers
Comments inside children section of tag should be placed inside braces
TypeScript
0 vote315 views1 answer
Url prod
TypeScript
0 vote354 views1 answer
How to make the score add on while its in a loop in python
TypeScript
0 vote336 views1 answer
Change field name relation typeorm
TypeScript
3 votes356 views3 answers
C# check list of objects for value
TypeScript
19 votes311 views3 answers
Material ui svg icons
TypeScript
0 vote337 views1 answer
When to choose automation over manual testing
TypeScript
-1 vote295 views1 answer
What are the components of the environment? Explain it along with the examples.
TypeScript