/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

-1 vote297 views1 answer
Macro fiji bio-formats import options
TypeScript
0 vote277 views1 answer
Minimum requirements to start it company
TypeScript
0 vote240 views2 answers
Field set salesforce
TypeScript
0 vote247 views1 answer
Surround substring with quotes
TypeScript
1 vote321 views1 answer
Class-validator validate nested object
TypeScript
0 vote261 views1 answer
Check schema exists postgresql
TypeScript
0 vote269 views1 answer
Scss all elements inside
TypeScript
0 vote250 views1 answer
Uat testing vs system testing
TypeScript
0 vote252 views1 answer
Add multiple constraints in create table sql
TypeScript
0 vote258 views1 answer
Searching filtering ibraries in angular
TypeScript