Html 每个元素的下拉元素（角度4）

我想为数组中的每个元素创建下拉元素：

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

照片
{{hotel.name}}
补充资料

其主要思想是在单击按钮系统下拉div时添加元素单击的附加信息

---

在我的实现中，打开/关闭所有附加div，如何仅为元素单击实现下拉div？

在每个hotel对象上放置

isShown

，这意味着您在函数中设置

hotel.isShown=true

，然后相应地更改条件：

*ngIf=“hotel.isShown”

您可以添加布尔字段“isShowAddInfo”到酒店模型，更改

附加信息

，并将onClick事件处理程序更改为

（单击）=“更改方法（酒店）

---

在处理程序中，只需切换“isShowAddInfo”。

这是一种好方法，但在这种方法中需要更改模型