angle2のモデル駆動型への角度オブジェクトの結合

Question

コンポーネントオブジェクトのカスタムコントロールを（コンポーネントクラス内で）htmlで要素を形成するために作成しましたが、解決できなかったconseleにエラーメッセージが表示されます

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> 

form.component.tsセンスが（？formGroupはそれをバインドしようとする理由は、特殊なキーである）、ここで私はクロームでデベロッパーコンソールに表示画像です

import { Component } from '@angular/core'; 
import {FormControl,FormGroup,Validators} from '@angular/forms'; 

@Component({ 
    moduleId:module.id, 
    selector: 'post-message', 
    templateUrl: '../../templates/postmessage.component.html' 
}) 
export class PostComponent { 
    form = new FormControl({ 
     username:new FormControl('',Validators.required), 
     email:new FormControl('',Validators.required) 
    }) 
    signup(){ 
     console.log(this.form.value); 
    } 
} 

Answer 1

あなたはformGroup