Eckiges Material - md-select - ausgewählter Gegenstand im Dropdown

Question

Ich habe ein Dropdown-Menü mit Dropdown-Liste mit einer Liste von Benutzernamen. Ich möchte, dass die lead.id ausgewählt wird. Wie kann ich das erreichen?

<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

Sie verwenden ng-model, die AngularJS-Syntax ist. Aber Sie müssen hier nicht ngModel verwenden, da Sie eine reaktive Form (??) haben, und Sie können die formcontrol mit dem Wert, den Sie erhalten haben, festlegen. Also, wenn Sie Ihre plan erhalten haben, können Sie den Wert einstellen:

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

Ihre Vorlage:

<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> 

Warten Sie ein paar Sekunden und in der Plunker wird der Wert eingestellt werden.

Answer 2

Als erstes verwenden Sie reaktive Formulare?

Wenn ja, trotz der Tatsache, dass Sie eine falsche Syntax in ng-model verwenden (es sollte [(ngModel)] sein), sollten Sie es nicht mit reaktiven Formen verwenden.

Verwenden Sie nur oder [formControl].