Javascript Angular6单击事件不会在循环中触发

当我点击测试时，应该调用click函数。 但什么都不会触发

HTML组件：

<div class="row m-0 justify-content-between" *ngFor="let i of 
k[currentk]?.details | keys">

    <div (click)="test(i.name)">{{i.name}}</div>

</div>

---

你已经做对了。在div标记中不需要*ngFor循环。只需删除它，您的代码就会工作。

欢迎使用堆栈溢出。请阅读（stackoverflow.com/tour）并了解如何创建.post测试函数code@sid查看我发布的问题我不好，我应该添加动态名称。在任何图像上传站点的页面上发布您结果的屏幕截图，并共享链接我需要查看结果以给出解决方案

import { Component, OnInit } from '@angular/core';

@Component({
 selector: 'app-test',
 templateUrl: './test.component.html',
 styleUrls: ['./test.component.scss']
})

export class TestComponent implements OnInit {

 constructor() {}

 ngOnInit() {}

 test(name){
   alert('Hello world');
 }
}