Как я могу контролировать выпадающий список, пока я не выберу свое значение

Я имею значение страны привязки И его имя для dropdownList в режиме редактирования (когда я нажимаю на Редактировать ссылку, чтобы инициировать привязку данных), когда я нажимаю на раскрывающееся меню, прежде чем выбрать любое значение, которое оно переходит в onSelect, как я могу предотвратить его, пока не выберу свое значение

<div class="form-group col-sm-7" [ngClass]="{'has-error':(EmployeeForm.get('Cnt_Name').touched||
                                EmployeeForm.get('Cnt_Name').dirty) &&
                                      !EmployeeForm.get('Cnt_Name').valid}">
                                                    <select class="form-control"  formControlName="Cnt_Name"[(ngModel)]="EmployeeForm.Cnt_Name" (click)="onSelect($event.target.value)">
                                                        <option [ngValue]="EmployeeForm.Cnt_Id">{{EmployeeForm.Cnt_Name}}</option>
                                                        <option *ngFor="let cnt of CountryObj" [value]="cnt.Cnt_Id">{{cnt.Cnt_Name}}</option>
                                                    </select>
                                                    <span class="help-block" *ngIf="(EmployeeForm.get('Cnt_Name').touched || EmployeeForm.get('Cnt_Name').dirty) && EmployeeForm.get('Cnt_Name').errors">
                                                        <span *ngIf="EmployeeForm.get('Cnt_Name').errors.required"> Please Select Your Country</span>
                                                    </span>
                                                </div>

Это мой машинописный код

onSelect(id: number) {
       return this._cascading.GetStates(id).subscribe(data => { this.StateObj = data }, (error: any) => this.errorMessage = <any>error);
    }

1 ответ

Решение

+ Изменить

<select class="form-control"  formControlName="Cnt_Name"[(ngModel)]="EmployeeForm.Cnt_Name" (click)="onSelect($event.target.value)">
                                                        <option >

в

<select class="form-control"  formControlName="Cnt_Name"[(ngModel)]="EmployeeForm.Cnt_Name" (change)="onSelect($event.target.value)">
                                                        <option>
Другие вопросы по тегам