如何集中/选择HTML中的元素？

我使用Angular构建我的HTML网页，我的HTML元素在语义上按项目/单位计数，例如，由

*ngFor

创建的列表，其中每个项目按项目/单位计数

<div *ngFor="let foo of foos; ... " [class.selected]="currentSelectedDivIndex == i">
    <p>
    </p>
</div>

但这并不正确。另一方面，有一个问题：

• 点击按钮
• 单击列表的div元素
• 再次按回车==>触发按钮

---

该按钮仍然由HTML在后台选择，并再次执行，尽管我在按钮单击后单击了div容器。

onClick set selectedItem===index from ngFor循环，并在ngClass中检查selectedItem=index这是我当前的解决方案，但这是一种常见/正确的方法吗？另外，你有我的“旁注”问题的解决方案吗？是的，你所做的将是Angular处理这个问题的一个非常标准的方法。你还必须在.ts文件onClick（index）{this.selectedItem=index}中添加{{foo}}

；

currentSelectedDivIndex: number
leftImageIsSelected: boolean;
rightImageIsSelected: boolean;