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

6 votes187 views1 answer
An unhandled exception occurred: Cannot find module '@angular-devkit/build-angular/package.json' Require stack:
TypeScript
9 votes180 views2 answers
Warning: Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in a useEffect cleanup function.
TypeScript
2 votes316 views1 answer
Carbohydrates and fats both
TypeScript
0 vote152 views1 answer
Update object in array in ngxrx store in angular
TypeScript
0 vote176 views1 answer
Html form display results same page
TypeScript
0 vote176 views1 answer
Array elements double next to each other
TypeScript
0 vote170 views1 answer
Angular get user location
TypeScript
27 votes160 views3 answers
Npx react typescript
TypeScript
0 vote212 views1 answer
String of bits to integer java
TypeScript
0 vote170 views1 answer
Types of pacemaker
TypeScript