Angular 仅角度切换选定项

我有一个动态创建的列表。 单击时，列表中的每个项目都将切换

以下是.html代码：

<ul *ngFor="let item of items">
    <li (click)="toggle($event)">{{text}}</li>
</ul>

当我点击一个项目时，列表中的所有项目都将切换

我如何更改它，以便只有单击的项目才会切换？

我认为这不是“切换”情况，因为一旦某个项目不可见，您如何单击它

无论如何，您可以将每个

作为组件，并且每个

都将在不同的范围内可见。
另一种方法是，您可以向
项
对象添加属性，例如
可见
，然后每次单击都会根据需要更改值

例如：



{{item.text}
如果您提供了一个您可以在上设置一个的，那么查看问题会更容易。
这个。可见的
在您显示的代码中没有任何作用，因此很难看出您的意图。
toggle(event) {
    this.visible = !this.visible;
}