Событие нажатия Angular6 не запускается в цикле

Question

Когда я нажимаю на Тест, должна быть вызвана функция щелчка.Но ничего не срабатывает.

HTML componentrnt:

<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

Вы уже делаете это правильно. Вам не нужен цикл * ngFor в вашем теге div. Просто удалите его, и ваш код будет работать.