/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 vote120 views1 answer
Change event doesn't work on dynamically generated elements .
TypeScript
0 vote119 views1 answer
Conditional type typescript
TypeScript
0 vote129 views1 answer
Avoid hitting multiple same api hits angular
TypeScript
0 vote123 views1 answer
Yarn run commands in parallel
TypeScript
30 votes126 views1 answer
The file C:\Users\user\AppData\Roaming\npm\ng.ps1 is not digitally signed. You cannot run this script on the current system. For more information about running scripts and setting execution policy, see about_Execution_Policies at
TypeScript
0 vote122 views1 answer
The react-scripts package provided by Create React App requires a dependency: [1] [1] "webpack": "4.42.0"
TypeScript
2 votes146 views1 answer
Typescript singleton
TypeScript
0 vote156 views1 answer
Bibtex remove brackets in note field
TypeScript
0 vote163 views1 answer
How to pass data to another page in ionic 3
TypeScript
0 vote152 views1 answer
From the three types of styling, which one is the most useful in terms of website optimization?
TypeScript