只需點擊一個功能即可打開下一個div

Question

如何在一個功能上點擊下一個div？我被卡住了，例如：

<div class="row"> 
<div (click)="click()" class="div-one"> 
</div> 
<div *ngIf="opened" class="div-open"> 
</div> 
</div> 
<div class="row"> 
<div (click)="click()" class="div-one"> 
</div> 
<div *ngIf="opened" class="div-open"> 
</div> 
</div> 

就像這樣。如果我有多行，我只想打開下一個，在同一個父div內。在此先感謝

Answer 1

使用*ngFor並添加額外的屬性，以數組稱爲opened

items = [{........, "opened" : false}] 

然後更改屬性打開DIV

<div class="row" *ngFor="let item of items"> 
<div (click)="item.opened = !item.opened" class="div-one"> 
</div> 
<div *ngIf="item.opened" class="div-open"> 
</div> 
</div>