Angular 角度单击事件未触发

Angular 角度单击事件未触发,angular,events,onclick,click,Angular,Events,Onclick,Click,我有一段在*ngFor内部生成的代码,还有一个带有(单击)事件的范围,我无法理解为什么单击它时它不会触发。它不会在控制台中打印任何内容 这是因为ngFor还是ngIf?我已经尝试了我能想到的一切 我的模板如下所示(相关部分): 好的,在对代码进行更多的检查之后,问题似乎是因为字体太棒了,它只是在运行时注释了span并插入了svg,所以(单击)指针不再可用。解决方案是将跨度包装在一个div中,并将click事件放在div上,如下所示: export class MatchesComponent i

我有一段在*ngFor内部生成的代码,还有一个带有(单击)事件的范围,我无法理解为什么单击它时它不会触发。它不会在控制台中打印任何内容

这是因为ngFor还是ngIf?我已经尝试了我能想到的一切

我的模板如下所示(相关部分):


好的,在对代码进行更多的检查之后,问题似乎是因为字体太棒了,它只是在运行时注释了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>