Forms 错误:未捕获(承诺中):错误:formGroup需要一个formGroup实例。请递一张
我正在Angular 2中创建一个带有自动完成输入的表单。我想在此输入中获取自动完成服务的数据,但在运行时出现以下错误:Forms 错误:未捕获(承诺中):错误:formGroup需要一个formGroup实例。请递一张,forms,angular,autocomplete,Forms,Angular,Autocomplete,我正在Angular 2中创建一个带有自动完成输入的表单。我想在此输入中获取自动完成服务的数据,但在运行时出现以下错误: ERROR Error: Uncaught (in promise): Error: formGroup expects a FormGroup instance. Please pass one in. app.ts 应用程序组件 任何帮助/为我指出正确方向的人都会很好!谢谢 您需要使用formBuilder启动表单,如下所示 export class AppCompon
ERROR Error: Uncaught (in promise): Error: formGroup expects a FormGroup instance. Please pass one in.
app.ts
应用程序组件
任何帮助/为我指出正确方向的人都会很好!谢谢 您需要使用formBuilder启动表单,如下所示
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;
}
}
<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>
this.group = this.formBuilder.group({
initiator: ''
})