角度2無法讀取未定義的屬性

Question

我收到以下錯誤

無法讀取未定義的屬性“值”

下面是我的代碼

模板

<select class="form-control form-control-lg" formControlName="contractor" (ngModelChange)="onChange($event.target.value)" >
                    <option *ngFor="let contrac of contractors" [ngValue]="contrac">{{contrac.name}}</option>
                </select>

 <label class="control-label col-lg-2">Agency</label>
            <div class="col-lg-10">
                <input type="text" class="form-control form-control-lg" placeholder="Payroll Number" formControlName ="selectedAgency">
            </div>

零件

 ngOnInit() {
        this.form = this.fb.group({
            agency: ['', Validators.required],
            contractor: ['', Validators.required],
            selectedAgency : ['', Validators.required]

        });

 onChange = (contrac) => {
        alert(contrac.vendor);
        this.form.patchValue({ selectedAgency: contrac.vendor });
    }

這里有什么錯過的嗎？

-Alan-

Answer 1

它應該是 ：

(ngModelChange)="onChange($event)"

...或尚未使用(change) ：

(change)="onChange($event.target.value)"

但是，似乎您只是在使用它來設置表單中另一個控件的值，對吧？

因此，可以在要設置值的輸入上使用[ngModel] ，如下所示：

<select class="form-control form-control-lg" formControlName="contractor">
  <option *ngFor="let contrac of contractors" 
          [ngValue]="contrac">{{contrac.name}}</option>
</select>

<label class="control-label col-lg-2">Agency</label>
<div class="col-lg-10">      
  <input type="text" 
         class="form-control form-control-lg" 
         placeholder="Payroll Number" 
         formControlName ="selectedAgency" 
         [ngModel]="myForm.get('contractor').value.vendor">
</div>