Я определил одну функцию selectCountry, которую я хочу вызвать при нажатии, событие которой определено в div * ngFor.Проблема в том, что функция вызывается только в первый раз, когда я нажимаю на любой из отображаемых ярлыков, после чего появляется неопределенная функция.
HTML:
<div>
<label>AutoComplete Package: </label>
<input autocomplete [config]="config" [items]="countries"
(selectEvent)="onSelect($event)">
</div>
<div>
<label>Manual: </label>
<input [(ngModel)]="searchInput" (keyup)="onInputChange()">
<div class='searchResultList padding' *ngFor='let country of
countries' [ngClass]="{ 'active' : selectedCountry == country.id}">
<label (click)='selectCountry(country)'>
{{ country.country }}
</label>
</div>
</div>