Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/27.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 角度材质2自动完成设置关键值_Angular_Angular Material2 - Fatal编程技术网

Angular 角度材质2自动完成设置关键值

Angular 角度材质2自动完成设置关键值,angular,angular-material2,Angular,Angular Material2,我是新的角度材料,我有一个自动完成与国籍名单,我的国家包含国家代码和价值。如果我从下拉列表中选择country(国家),并且如果我的回答是country code(国家代码),我想设置国家代码,我需要在ngModel中将其与我的国家名称映射。我的问题是我正在将国家代码映射到我的ngModel,我需要在UI屏幕上显示国家名称 {{country.value} 您必须按如下方式更改代码: <mat-form-field> <input matInput type="tex

我是新的角度材料,我有一个自动完成与国籍名单,我的国家包含国家代码和价值。如果我从下拉列表中选择country(国家),并且如果我的回答是country code(国家代码),我想设置国家代码,我需要在ngModel中将其与我的国家名称映射。我的问题是我正在将国家代码映射到我的ngModel,我需要在UI屏幕上显示国家名称


{{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;
//此项变更(类别、名称);
}

在这种情况下,“物料自动完成”将在选择国家/地区后将代码放入输入中。。我认为这不是预期的行为。