#angular #forms
Вопрос:
Я использую angular 11, и я хочу сначала отобразить все 5 стран в списке вариантов выбора в форме и отобразить список всех стран мира на keypress
Я использую keypress
событие, но оно не работает, поэтому я использую @HostListner
, чтобы желание вызывалось любым событием во всем документе, я хочу вызвать событие только при выборе опции:
PS: @Directive
ибо @hostlistner
не хочет работать, так как я использую @Component
тс:
@HostListener("document:keydown", ["$event"])
handleKeyboardEvent(event: KeyboardEvent) {
this.countries = country_list;
}
HTML:
<select class="form-control" formControlName="country" name="country" id="type" required (keydown)="handleKeyboardEvent($event.target.value)" >
<option value="" disabled selected>Select Country</option>
<option [value]="c.code" *ngFor="let c of countries ">{{c.name}}</option>
</select>