/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

3 votes247 views1 answer
Label points in plot in r
TypeScript
1 vote254 views1 answer
Angular convert boolean to string
TypeScript
1 vote258 views4 answers
Ok
TypeScript
0 vote254 views2 answers
Reactive forms radio button
TypeScript
0 vote252 views1 answer
Environ 2.020.000 résultats (0,60 secondes) << Add Grepper Answer (a) Résultats de recherche Résultats Web
TypeScript
2 votes282 views2 answers
Constraints in database
TypeScript
1 vote244 views1 answer
Ionic 3 open link external
TypeScript
0 vote286 views1 answer
From the three types of styling, which one is the most useful in terms of website optimization?
TypeScript
0 vote258 views1 answer
Mixins with parameters typescript
TypeScript
0 vote240 views1 answer
Delivery structure contains the source code if your artifact:
TypeScript