/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 vote329 views1 answer
Type a passed component typescript react
TypeScript
1 vote278 views1 answer
Serenity.is set datepicker value on click
TypeScript
0 vote323 views1 answer
How to create a record array from lists in python
TypeScript
25 votes292 views4 answers
Filter typescript
TypeScript
0 vote287 views1 answer
How to change woocommerce header message This is where you can add new products to your store.
TypeScript
0 vote293 views1 answer
Redux typescript mapdispatchtoprops
TypeScript
0 vote290 views1 answer
The method 'MultiHeaders.set' has fewer named arguments than those of overridden method 'HttpHeaders.set'.
TypeScript
0 vote329 views1 answer
How many sets of 3 in 4
TypeScript
0 vote292 views1 answer
From __future__ import unicode_literals import youtube_dl ydl_opts = {} with youtube_dl.YoutubeDL(ydl_opts) as ydl: ydl.download(['VideoURL'])
TypeScript
0 vote314 views1 answer
Header elements on right
TypeScript