没有ngFor，如何将状态绑定到angular中的元素？

Question

我想知道您将如何做这样的事情（用哈巴狗代替html）：

.collapsible
      a(mat-list-item routerLink="/sites/user-gruppen" routerLinkActive="link-active") User & Gruppen
        i.material-icons((click)="changeSomeVariableForThisElement()") arrow_right
      .collapsible-body([@dropDownAnimation]="someVariable")
        a(mat-list-item routerLink="/sites/user-gruppen/user" routerLinkActive="link-active") User
.collapsible
      a(mat-list-item routerLink="/sites/hilfe" routerLinkActive="link-active") Hilfe
        i.material-icons((click)="changeSomeVariableForThisElement()") arrow_right
      .collapsible-body([@dropDownAnimation]="someVariable")
        a(mat-list-item routerLink="/sites/hilfe/faq" routerLinkActive="link-active") FAQ

相关部分为[@dropDownAnimation]和(click)

使用ngFor会很容易，因为在item的情况下，我们可以使用ngFor="let item of items"，然后我们可以处理类似item.state的内容。

我已经搜索了2个小时，但是我找不到关于它的任何文档，也许我只是不知道要搜索什么，因为我对angular不太熟悉。

我将如何进行更改，例如someVariable.state仅适用于单击的当前元素，而不适用于其中的所有元素？