Блог

Главная - Вопросы по программированию - увеличьте количество опций при нажатии клавиши угловой 2

увеличьте количество опций при нажатии клавиши угловой 2

#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>
Метки: