Angular6 click事件未循环触发

Question

当我单击“测试”时，应调用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>

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循环。只需将其删除，您的代码即可使用。