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 votes155 views3 answers
File C:\Users\Praveen\AppData\Roaming\npm\ng.ps1 cannot be loaded because running scripts is disabled on this system. For more information, see about_Execution_Policies at https:/go.microsoft.com/fwlink/?LinkID=135170.
TypeScript
0 vote174 views2 answers
How to check if a string contains only alphabets and space in java
TypeScript
2 votes153 views1 answer
Session not created: This version of ChromeDriver only supports Chrome version 85
TypeScript
0 vote158 views1 answer
Let variable name : any = () => { return new typescript fie}
TypeScript
1 vote180 views1 answer
Explain the concept of Dangling Pointer and Null Pointer with Examples? Provide brief details of the scenarios in which pointer acts as dangling pointer.
TypeScript
3 votes218 views3 answers
C# check list of objects for value
TypeScript
0 vote145 views1 answer
Tolowercase typescript
TypeScript
0 vote158 views1 answer
Many plants obtain glucose through the process of ----
TypeScript
1 vote159 views1 answer
Invalid formula - Operator ">=" doesn't support DATE >= TEXT. Operator ">=" supports ANY >= ANY
TypeScript
6 votes169 views1 answer
Check if key is in the js object
TypeScript