Question

我使用的是angular 7，当我单击“更新用户”时我想要一个页面，其中包含有关该用户的所有信息，因此我可以更新自己想要的内容，但是在验证器属性上，我看不到它的值数据库。

这是我的代码：

<div fxFlex="50" class="pr-1">
        <mat-form-field class="full-width">
          <mat-select placeholder="Validator *" name="validator" [formControl]="indicateurForm.controls['validator']" class="mb-1">
            <mat-option *ngFor="let v of listValidators" [value]="v" ngDefaultControl>
              {{v?.firstName}} {{v?.lastName}}
            </mat-option>
          </mat-select>
        </mat-form-field>
      </div>

如果我使用“输入”，我得到了验证器的结果，但是在“选择”上，我什么都没有显示。在此先感谢：）

Answer 1

由于我不了解，您无法将[value]="v"解析为selectBox值，

      <div fxFlex="50" class="pr-1">
        <mat-form-field class="full-width">
          <mat-select placeholder="Validator *" name="validator" [formControl]="indicateurForm.controls['validator']" class="mb-1">
            //Try to parse value like id here, example [value]="v.id" 
            <mat-option *ngFor="let v of listValidators" [value]="v" ngDefaultControl> 
              {{v?.firstName}} {{v?.lastName}}
            </mat-option>
          </mat-select>
        </mat-form-field>
      </div>

更新：我发现了这一点，正是您所需要的。 https://stackoverflow.com/a/35945293/5955138

这表明您需要使用如下的[ngValue]属性，

<h1>My Application</h1>
<select [(ngModel)]="selectedValue">
  <option *ngFor="let c of countries" [ngValue]="c">{{c.name}}</option>
</select>

选择中的角度显示数据

1 个答案: