Angular 角度单击事件未触发
我有一段在*ngFor内部生成的代码,还有一个带有(单击)事件的范围,我无法理解为什么单击它时它不会触发。它不会在控制台中打印任何内容 这是因为ngFor还是ngIf?我已经尝试了我能想到的一切 我的模板如下所示(相关部分):Angular 角度单击事件未触发,angular,events,onclick,click,Angular,Events,Onclick,Click,我有一段在*ngFor内部生成的代码,还有一个带有(单击)事件的范围,我无法理解为什么单击它时它不会触发。它不会在控制台中打印任何内容 这是因为ngFor还是ngIf?我已经尝试了我能想到的一切 我的模板如下所示(相关部分): 好的,在对代码进行更多的检查之后,问题似乎是因为字体太棒了,它只是在运行时注释了span并插入了svg,所以(单击)指针不再可用。解决方案是将跨度包装在一个div中,并将click事件放在div上,如下所示: export class MatchesComponent i
好的,在对代码进行更多的检查之后,问题似乎是因为字体太棒了,它只是在运行时注释了span并插入了svg,所以(单击)指针不再可用。解决方案是将跨度包装在一个div中,并将click事件放在div上,如下所示:
export class MatchesComponent implements OnInit {
matches: Meci[];
constructor(private service: MatchesService, private modalService: SuiModalService) { }
ngOnInit() {
this.service.getAll().subscribe(matches => this.matches = matches);
}
edit(meci: Meci) {
console.log('edit');
}
}
<div class="icon-wrapper" (click)="edit(meci)">
<span class="fas fa-edit teal icon"></span>
</div>
将位置更改为“相对”,并给出一些z-idex,问题可能是因为一些其他类与您的span重叠它对您有效吗这不是我的问题,但它迫使我仔细查看我的代码。我忘了调用HTML中的函数。:)smh。休息一下,回到代码中,当你开始感到疲劳时,会有所帮助。谢谢你的发帖。
<div class="icon-wrapper" (click)="edit(meci)">
<span class="fas fa-edit teal icon"></span>
</div>