每个元素的Drop / Down元素（Angular 4）

Question

我想为数组中的每个元素创建drop / down元素：

int i = 0;
int originalSize = userList.size(); // to prevent from iterating on elements 
                                    // added during the loop
while(i < originalSize){  
    userPrograms it= userList.get(i);  
    if ((it.userID == subsuserID) && (it.program == subsProgram)) {
        it.program += 1;
    } else {
        userPrograms p1 = new userPrograms(subsuserID, subsProgram, 0);
        userList.add(p1);
    }
    i++;
}  

主要思想是点击按钮系统下拉/下拉div以及元素点击的附加信息。

在我的实现中打开/关闭所有附加的div，如何只为元素点击实现drop / down div？

Answer 1

将isShown放在每个酒店对象上，这意味着您在函数中设置hotel.isShown =true，然后相应地更改条件：*ngIf="hotel.isShown"

Answer 2

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

<div *ngIf="hotel.isShowAddInfo">Additional information</div>

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

(click)="changeIsShohToTrue(hotel)

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