单击后更改列表项上的BackGround颜色，直到再次单击为止

Question

我有一个角度应用程序，其中有一个列表框，类似于HTML：

<a *ngFor="let satz of selSaetze" (click)=selSatzDetail(satz.timestamp) class="list-group-item" tabindex="0" role="row">
    <div class="row">
        <div class="col-xs-4 col-sm-2">{{satz.id}}</div>
        <div class="col-xs-8 col-sm-12">
            <h4>{{satz.timestamp}}</h4>
            <p>{{satz.dsn}}</p>
        </div>
    </div>
</a>

我的目标是，每次用户单击一个项目时，背景颜色都会更改，并且背景颜色应保持不变，直到用户再次单击同一项目！

我该如何使用打字稿？

Answer 1

我建立了这个解决方案

 <a class="list-group-item" tabindex="0" role="row" (click)="selSatzDetail(satz.timestamp);whenClicked[i]=!whenClicked[i]"
                [style.background-color] = "whenClicked[i]  ? '#ddf1c1' : 'white'"
                *ngFor="let satz of selSaetze; let i = index">

whenClicked = [false，false];在Typescript中是必需的。