gpt4 book ai didi

Angular 点击事件未触发

转载 作者:行者123 更新时间:2023-12-05 01:00:23 26 4
gpt4 key购买 nike

我在 *ngFor 内部生成了一段代码,以及一个带有 (click) 事件的跨度,我不知道为什么单击它时它不会触发。它不会在控制台中打印任何内容。

这可能是因为 ngFor 或 ngIf 吗?我已经尝试了我能想到的一切......

我的模板看起来像这样(相关部分):

<tbody>
<ng-container *ngIf="matches">
<tr *ngFor="let meci of matches">
<td>{{ meci.id }}</td>
<td>{{ meci.echipa1 }}</td>
<td>{{ meci.echipa2 }}</td>
<td>{{ meci.tip }}</td>
<td>{{ meci.pretBilet }}</td>
<td>{{ meci.nrLocuri }}</td>
<td>{{ meci.data }}</td>
<td class="ui center aligned">
<span class="fas fa-trash red icon"></span>
<span class="fas fa-edit teal icon" (click)="edit(meci)"></span>
</td>
</tr>
</ng-container>
</tbody>

还有这样的组件:

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');
}

}

最佳答案

好的,所以在对代码进行了更多检查之后,问题似乎是因为字体太棒了,它只是在运行时注释了 span 并插入了一个 svg,所以(单击)指针不再可用。解决方案是将 span 包装在一个 div 中,并将 click 事件放在 div 上,如下所示:

<div class="icon-wrapper" (click)="edit(meci)">
<span class="fas fa-edit teal icon"></span>
</div>

Inspect with developer tools from browser

关于 Angular 点击事件未触发,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50514970/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com