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

Question

当我点击测试时，点击函数应该被调用。 但是什么都没有触发。

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>

ts 组件：

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

Answer 1

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