Error：キャッチされていない（約束しています）：エラー：FormGroupはFormGroupインスタンスを要求します。

Question

私はオートコンプリート付きの入力で角度2でフォームを作成しています。私は、この入力で自動補完サービスのデータを取得したいと思いますが、私はそれを実行しているとき、私はこのエラーました：

ERROR Error: Uncaught (in promise): Error: formGroup expects a FormGroup instance. Please pass one in. 

app.tsを

export class AppComponent { 
     @Input('group') 
     public group: FormGroup; 
    formatList(data: any):string { 
      return `<span>${data["value"]}</span>`; 
     } 
     searchResult(search:string):Observable<any> { 
      return this.autoCompleteService.search(search); 
     } 

     sendInitiator(item) { 
     .... 
     } 
    constructor(
     private http: Http, 
     private autoCompleteService:AutoCompleteInitiatorService 
    ) { 
     this.searchResult = this.searchResult.bind(this); 
     this.autoCompleteService = autoCompleteService; 
     } 
    } 

app.component

<form id="Form" class="form-horizontal" novalidate="novalidate"> 
     label for="name" class="col-sm-2 control-label">Name :</label> 
        <div class="col-sm-4" [formGroup]="group"> 
         <div class="input-group-item"> 
          <input class="input" 
           auto-complete require 
           formControlName="initiator" 
           [source]="searchResult" 
           (valueChanged)="sendInitiator($event)" 
           name="initiator" 
           auto-complete-placeholder="Select One" 
           value-property-name="id" 
           display-property-name="value" 
           min-chars="2" [list-formatter]="formatList" /> 
         </div> 
    <form> 

私に正しい方向に助けてもらえれば助かります。ありがとう！あなたがformBuilderでフォームを開始する必要が

Answer 1

は、このplunker

this.group = this.formBuilder.group({ 
initiator: '' 
})