Как я могу контролировать выпадающий список, пока я не выберу свое значение
Я имею значение страны привязки И его имя для 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>