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 vote285 views1 answer
How to compare two date in typescript
TypeScript
2 votes176 views1 answer
Enum usage typescript
TypeScript
0 vote173 views1 answer
Property 'router' does not exist on type 'LoginComponent' nativescript
TypeScript
0 vote175 views1 answer
Typescript ge t current screen resolution
TypeScript
0 vote157 views1 answer
Object.fromentries typescript
TypeScript
35 votes190 views3 answers
Python check if directory exists and create
TypeScript
0 vote172 views1 answer
Pending = pending$ async type 'boolean null' is not assignable
TypeScript
0 vote165 views2 answers
Ng2003
TypeScript
0 vote172 views1 answer
Typescript object destructuring
TypeScript
0 vote168 views1 answer
First k digits of n*n
TypeScript