将角度对象绑定到angular2中的模型驱动形式

我已经创建了自定义控件（在组件类中），将对象绑定到html中的form元素，但consele中显示了一条错误消息，我无法解决，实际上该消息毫无意义（formGroup是一个特殊的键，它为什么尝试绑定它？），下面是我在chrome中的开发者控制台中看到的图像：

form.component.html：

<div class="row">
    <form class="from-horizontal" [formGroup]="form" formControlName="username" formControlName="email" (ngSubmit)="signup()">
        <div class="form-group row">
            <label for="username" class="control-label col-md-2">Name:</label>
            <div class="col-md-6">
                <input type="text" id="username"  class="form-control" >
                <div class="alert alert-danger"
                *ngIf="!form.controls['username'].valid"
                >
                    User name is required.
                </div>
            </div>
        </div>
        <div class="form-group row">
            <label for="email" class="control-label col-md-2">Email:</label>
            <div class="col-md-6">
                <input type="email" id="email" class="form-control" >
            </div>
            <div class="alert alert-danger"
            *ngIf="!from.controls['email'].valid"
            ></div>
        </div>
        <div class="form-group row">
            <label for="" class="control-label col-md-2"></label>
            <div class="col-md-6">
                <input type="submit" class="btn btn-primary">
            </div>
            </div>
    </form>
</div>

您需要添加

 @NgModule({
   imports: [BrowserModule, FormsModule, ReactiveFormsModule], // <<<===
   ...
 })

@NgModule({
导入：[BrowserModule，FormsModule，ReactiveFormsModule]，//另请参见
 @NgModule({
   imports: [BrowserModule, FormsModule, ReactiveFormsModule], // <<<===
   ...
 })