/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

5 votes177 views2 answers
Lofi hip hop beats cool
TypeScript
1 vote176 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
0 vote168 views1 answer
Tes ssh gitlab
TypeScript
0 vote166 views1 answer
Instruments du marché monétaire
TypeScript
0 vote209 views1 answer
Render html contents from url in asp.net razor
TypeScript
0 vote282 views2 answers
Empty form elements except jquery
TypeScript
3 votes164 views2 answers
Angular formgroup validate manually
TypeScript
0 vote232 views3 answers
Cahokia mounds pictures
TypeScript
0 vote177 views1 answer
DAX check if value exists in another table
TypeScript
0 vote166 views1 answer
Google sheets automatic update rook
TypeScript