Angular Material - md-select - 在下拉列表中选择的项目

Question

我有一个带有用户名列表的 md-select 下拉列表。我希望选择 lead.id。我怎样才能做到这一点？

  <md-select formControlName="lead" ng-model="plan.lead.id" id="lead" style="min-width: 200px;">
                    <md-option *ngFor="let lead of users" [value]="lead.id">
                        {{lead.displayName}}
                    </md-option>
                </md-select>

getLead() {
        this.service.getLead(this.id)
            .subscribe(res => {
                this.plan = res;
                console.log("lead: " + this.plan.lead);     
            }); 
    }

Answer 1

您正在使用 ng-model，这是 AngularJS 语法。但是你不需要在这里使用 ngModel，因为你有一个 react 形式(？？)，你可以用你收到的值设置 formcontrol。所以当您收到您的计划时，您可以设置值:

this.myForm.get('lead').setValue(this.plan.lead.id)

您的模板:

<md-select formControlName="lead" id="lead" style="min-width: 200px;">
  <md-option *ngFor="let lead of users" [value]="lead.id">
      {{lead.displayName}}
 </md-option>
</md-select>

等待几秒钟，然后在 Plunker 中 将设置该值。