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 vote313 views1 answer
Common mistakes in testing
TypeScript
0 vote263 views1 answer
Angular tokenize
TypeScript
1 vote296 views1 answer
E_MISSING_NAMED_MIDDLEWARE: Cannot find a middleware named "auth"
TypeScript
0 vote270 views1 answer
Ionic email validation
TypeScript
7 votes296 views5 answers
Typescript foreach async await
TypeScript
7 votes285 views5 answers
Reactnative typescript
TypeScript
1 vote286 views1 answer
Js type-check undefined or string
TypeScript
0 vote286 views1 answer
No corners in broder css
TypeScript
0 vote273 views1 answer
Hsbc uk
TypeScript
0 vote273 views1 answer
Stripe typescript
TypeScript