如何在角度5中綁定有關角度材料下拉的數據？

Question

基本上我正在更新具有用戶信息的用戶資料。 分別綁定到用戶各自的字段上。

    this.editOfferprice= new FormGroup({
        xyz : new FormControl(xxxx,[]),
        xxx: new FormControl(xxxx,[Validators.required]),
        wwwID : new FormControl(xxxx,[Validators.required]))};

在上面的代碼上，我使用了formgroup和formcontrol。

<mat-form-field fxFlex="49"> <mat-select placeholder="Select xxx" formControlName="xxx"> <mat-option *ngFor="let P of Pro" [value]="P.ID"> {{P.Name}} </mat-option> </mat-select> <mat-error *ngIf="editOffer.controls['xxx'].errors && editOfferprice.controls['xxx'].errors.required"> You must select NAme</mat-error> </mat-form-field>

我想知道如何在下拉列表上綁定數據？

Answer 1

使用[ngValue]

*ngFor="let P of Pro" [ngValue]="P.ID">

Answer 2

在這樣的選擇中嘗試使用ngModel進行綁定-

<mat-form-field>
  <select matNativeControl [(ngModel)]="selectedOption" required>
    <option *ngFor="let P of Pro [value]="P.ID">{{P.Name}}</option>
  </select>
</mat-form-field>

或者，如果您想使用formControl，請按以下步驟進行操作-

[formControl]="yourControl"

由於Angular中的此問題 ，請綁定formControl實例，而不要使用formControlName 。

工作實例