[英]Error formControlName must be used with a parent formGroup directive. You'll want to add a formGroup
[英]Error: "formControlName must be used with a parent formGroup directive." for <input ngbDatepicker #e="ngbDatepicker" (click)="e.toggle()">
我有一个日期选择器,输入字段和弹出窗口配置如下:https ://ng-bootstrap.github.io/#/components/datepicker/overview
所以我有
1) 标记在模板中完成的所有需要的导入:
<input id="field_completed" [(ngModel)]="endDate" type="text" class="form-control" name="completed" formControlName="completed" placeholder="YYYY-MM-DD" ngbDatepicker #ended="ngbDatepicker" (click)="ended.toggle()" (dateSelect)="addEndDateAutomatically()"/>
2)有处理函数,它从NgbDateStruct
的模型中NgbDateStruct
endDate 值,获取它的日/月/年并将其放入我的 DTO 以发送到服务器
我无法理解,为什么只有在模板中使用了ngbDatepicker
时才会出现以下错误,而在排除它ngbDatepicker
不会:
main.99b988e9722c4de65a1a.bundle.js:1 ERROR Error: formControlName must be used with a parent formGroup directive. You'll want to add a formGroup
directive and pass it an existing FormGroup instance (you can create one in your class).
Example:
<div [formGroup]="myGroup">
<input formControlName="firstName">
</div>
In your class:
this.myGroup = new FormGroup({
firstName: new FormControl()
});
at Function.l.controlParentException (main.99b988e9722c4de65a1a.bundle.js:1)
at n._checkParentType (main.99b988e9722c4de65a1a.bundle.js:1)
at n._setUpControl (main.99b988e9722c4de65a1a.bundle.js:1)
at n.ngOnChanges (main.99b988e9722c4de65a1a.bundle.js:1)
at main.99b988e9722c4de65a1a.bundle.js:1
at main.99b988e9722c4de65a1a.bundle.js:1
at Aw (main.99b988e9722c4de65a1a.bundle.js:1)
at sx (main.99b988e9722c4de65a1a.bundle.js:1)
at Object.updateDirectives (main.99b988e9722c4de65a1a.bundle.js:1)
at Object.updateDirectives (main.99b988e9722c4de65a1a.bundle
它不再被复制,因为我已经从那里删除了 formControlName="completed" 并且只剩下 [(ngModel)]
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.