Q:

Drop/Down element for every element (Angular 4)

I want to create drop/down element for every elements in array:
  <div *ngFor="let hotel of hotels">
    <div>Photo</div>
    <div>{{ hotel.name }}</div>
    <div><button (click)="changeIsShohToTrue()" type="button" class="btn btn-default btn"><i class="glyphicon glyphicon-align-justify"></i></button></div>

    <div *ngIf="isShow">Additional information</div>
  </div>  

The main idea is when click on button system drop/down div with additional information for element click.
In my implementation open/close all additional div, how implement drop/down div only for element click?

A:

Put isShown on each hotel object, meaning that you set hotel.isShown =true in your function and then change the condition accordingly: *ngIf="hotel.isShown"

