/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 vote143 views1 answer
Combine results from two columns in ms sql
TypeScript
0 vote194 views1 answer
How to get child element li beautifulsoup
TypeScript
0 vote145 views1 answer
Threejs how to rotate around object's own center,instead of world center
TypeScript
-1 vote176 views1 answer
Error NG6002: Appears in the NgModule.imports of AppModule, but itself has errors in angular
TypeScript
0 vote148 views1 answer
How to divide 1 dataframe into two based on elements of 1 column
TypeScript
1 vote136 views1 answer
Angular innerhtml style not working
TypeScript
21 votes153 views3 answers
Check port windows
TypeScript
7 votes155 views2 answers
Axios typescript
TypeScript
0 vote135 views1 answer
A ball is fired from a sling shot. The initial velocity is 2.25 m/s at 22.5. What are the vertical and horizontal components of the ball's initial velocity as it leaves the sling shot?
TypeScript
4 votes120 views1 answer
Firestore decrement
TypeScript