*ngFor内部的按钮没有触发事件

Question

我有以下HTML:

<div fxFlex="48px">
<div *ngFor="let title of levelLabels"
[style.marginLeft.px]="title.xPosition+16">{{title.label}}<button 
(click)="test()" style="cursor:pointer"></button></div>
</div>

当我点击按钮时，没有事件发生。将鼠标悬停在按钮上不会将光标移到手上。你知道我的代码有什么问题吗?

感谢

Answer 1

你的按钮里面没有任何东西，所以我认为它实际上是不可能悬停或点击它。尝试在其中添加一些文本，看看是否工作<button (click)="test()" style="cursor:pointer">Test text</button>或移动按钮内的{{title.label}}。因为在div中放置一个空按钮是行不通的。