angular - 如何将 formControl 值绑定到表单输入

Question

我有角度分量：

import { Component, OnInit, Inject } from '@angular/core';

import {FormBuilder, FormGroup,Validators,FormArray,FormControl,} from '@angular/forms';

@Component({
    selector: 'app-collaborator-detail',
    template: `
    <h1> This is form</h1>
    <form [formGroup]="collaboratorForm">
    <div>
        <input type="text" placeholder="Email address" formControlName="emailAddress">
    </div>
</form>`,
})
export class CollaboratorDetailComponent implements OnInit {
    constructor(@Inject(FormBuilder) private fb: FormBuilder) {}

    collaboratorForm: FormGroup;

    ngOnInit() {
        this.initCollaboratorForm();
    }

    initCollaboratorForm() {
        this.collaboratorForm = this.fb.group({
            emailAddress: [
                { value: 'some.email@gmail.com', disable: true },
                [Validators.email, Validators.required],
            ]
        });
    }
}

我希望，该值：“some-email@gmail.com”将作为输入值可见。但是，可见值不是它，而是：“[object Object]”。

我在这里做错了什么？

Plunker 网址：https ://next.plnkr.co/edit/wu1ow98ai00gqJ4s

Answer 1

AbstractControl API（它是所有表单控件的基类）中disable没有调用任何属性，它应该是.disabled

{ value: 'some.email@gmail.com', disabled: true }