角材 - 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を使用する必要はありません。反応するフォーム（？）があり、受信した値で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に値が設定されます。

Answer 2

まず、反応性フォームを使用していますか？

もしそうなら、ng-model（それは[(ngModel)]であるはずです）で誤った構文を使用しているにもかかわらず、反応形式では使用しないでください。

formControlNameまたは[formControl]のみを使用してください。