/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 vote116 views1 answer
Error: running homebrew as root is extremely dangerous and no longer supported. as homebrew does not drop privileges on installation you would be giving all build scripts full access to your system.
TypeScript
7 votes115 views6 answers
How to Reload a Component in Angular
TypeScript
0 vote137 views2 answers
Prestashop show all products in category
TypeScript
0 vote112 views1 answer
Angular type of string
TypeScript
-1 vote114 views1 answer
Node scripts delay
TypeScript
1 vote118 views1 answer
Google sheets return multiple columns with vlookup
TypeScript
0 vote110 views1 answer
Get number of digits in an integer python without converting to string
TypeScript
0 vote122 views1 answer
Combine results from two columns in ms sql
TypeScript
0 vote130 views1 answer
Number of increments and decrements to make array sorted
TypeScript
2 votes107 views3 answers
Angular set url parameters
TypeScript