7

我想从数据库中获取一个值并将其设置为自动完成输入框中的默认值。

填充客户端类型

clientTypes: any[] = [];
getClientTypes() {
    this.clientService.getClientTypes()
    .subscribe((data: any) => {
        this.clientTypes = [...data];
    });
}

用于自动完成 DisplayWith

displayFn(object): string {
    console.log(object.ClientTypeId);
    return object.Name;
}

在html中

<mat-form-field appearance="outline">
    <mat-label>Client Type</mat-label>
    <input type="text" placeholder="Select Client Type" aria-label="Number" matInput formControlName="clienttype"  [formControl]="clientTypeControl" [matAutocomplete]="auto3">
    <mat-autocomplete #auto3="matAutocomplete" [displayWith]="displayFn" (optionSelected)='setClientTypeId($event.option.value)'>
        <mat-option *ngFor="let clientType of clientTypes" [value]="clientType">
            {{ clientType.Name }}
        </mat-option>
    </mat-autocomplete>
</mat-form-field>
<br>

当我使用编辑时，我从数据库中获取保存的 accountTypeId。我的问题在于如何将获取的 accounTypeId 作为默认选项放置到 matautocomplete 中，但仍然可以获得其余选项？

谢谢你。

4

1 回答 1

0

您可以通过以下两种方式之一实现此目的：

  1. 在 ts 文件中创建一个属性，并为 this on 分配一个默认值，并在输入控件中ngOnInit使用模型绑定来设置默认值。[(ngModel)]="your property"
  2. 使用patchValues并为您的表单控件分配一个值ngOnInit。
于 2020-02-03T20:31:53.843 回答