错误：未捕获（承诺中）：错误：formGroup 需要一个 FormGroup 实例。请传入一个答案

【问题标题】：Error: Uncaught (in promise): Error: formGroup expects a FormGroup instance. Please pass one in错误：未捕获（承诺中）：错误：formGroup 需要一个 FormGroup 实例。请传入一个
【发布时间】：2017-09-20 04:43:19
【问题描述】：

我正在 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>

任何帮助/指出我正确的方向都会很棒！谢谢！

【问题讨论】：

标签： forms angular autocomplete

【解决方案1】：

你需要用formBuilder来初始化表单，像这样plunker

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

【讨论】：