각도 재료 - md-select - 드롭 다운에서 선택한 항목

Question

사용자 이름 목록이있는 드롭 다운 메뉴가 있습니다. 나는 리드를 원해. 이것을 어떻게 할 수 있습니까?

<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에 값이 설정됩니다 당신이 당신의 plan을받은 때, 당신은 값을 설정할 수 있습니다.

Answer 2

우선 반응 형을 사용하고 있습니까?

그렇다면 ng-model (잘못된 숫자는 [(ngModel)]이어야 함)에 잘못된 구문을 사용하고 있음에도 불구하고 반응 형 양식과 함께 사용하면 안됩니다.

formControlName 또는 [formControl] 만 사용하십시오.