/TypeScript/Angular conditional directives

Angular conditional directives

//if 
<div *ngIf='[condition]'> </div>   
  //if [condition]==true the div will be shown

//for 
<div *ngFor='let [data] of [dataArray]; let i=index;'>
  <h2> {{i}} {{data.title}} </h2>
  <img src='{{data.image}}' />
  </div>   
  //the data contained in an array will be displayed element by element
  //similar to the function .map() in React

// 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

-1

Similar codes

1 vote269 views1 answer
Typescript assigning parameter is forbidden
TypeScript
1 vote277 views2 answers
The server time zone value 'FLE' is unrecognized or represents more than one time zone. You must configure either the server or JDBC driver (via the serverTimezone configuration property) to use a more
TypeScript
1 vote286 views1 answer
Andonis many to many detach
TypeScript
0 vote261 views1 answer
Error TS2564: Property
TypeScript
0 vote277 views1 answer
Python application insights azure
TypeScript
0 vote272 views1 answer
Angular typescript filter array group by attribute
TypeScript
0 vote329 views1 answer
Tox install requirements constraints
TypeScript
1 vote266 views1 answer
Sort array of objects by 2 key value
TypeScript
2 votes222 views1 answer
Visual Studio Code Typescript region folding
TypeScript
2 votes277 views1 answer
Drop table if it exists mysql
TypeScript