Angular 角度材质2自动完成设置关键值
我是新的角度材料,我有一个自动完成与国籍名单,我的国家包含国家代码和价值。如果我从下拉列表中选择country(国家),并且如果我的回答是country code(国家代码),我想设置国家代码,我需要在ngModel中将其与我的国家名称映射。我的问题是我正在将国家代码映射到我的ngModel,我需要在UI屏幕上显示国家名称Angular 角度材质2自动完成设置关键值,angular,angular-material2,Angular,Angular Material2,我是新的角度材料,我有一个自动完成与国籍名单,我的国家包含国家代码和价值。如果我从下拉列表中选择country(国家),并且如果我的回答是country code(国家代码),我想设置国家代码,我需要在ngModel中将其与我的国家名称映射。我的问题是我正在将国家代码映射到我的ngModel,我需要在UI屏幕上显示国家名称 {{country.value} 您必须按如下方式更改代码: <mat-form-field> <input matInput type="tex
{{country.value}
您必须按如下方式更改代码:
<mat-form-field>
<input matInput type="text" placeholder="nationality" [matAutocomplete]="nationAuto" [formControl]="nationalityCtrl">
<mat-autocomplete #nationality="matAutocomplete" (optionSelected)="optionSelected($event)">
<mat-option *ngFor="let country of filteredNationalityList | async" [value]="country.code">
{{ country.value }}
</mat-option>
</mat-autocomplete>
</mat-form-field>
optionSelected(event) {
let value = event.option.value;
//this.propagateChange(category.title);
}
{{country.value}
选择(事件){
让值=event.option.value;
//此项变更(类别、名称);
}
在这种情况下,“物料自动完成”将在选择国家/地区后将代码放入输入中。。我认为这不是预期的行为。