錯誤：未捕獲（承諾）：錯誤：formGroup需要FormGroup實例。請通過

Question

通過一個我在Angular 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> 

任何幫助/指着我在正確的方向將是偉大的！謝謝！

Answer 1

您啓動與formBuilder形式，這樣plunker

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