我在Plunkr上有一个Angular 2 RC4基本表单示例,它似乎抛出了以下错误(在Chrome开发控制台中)

这是plunkr

https://plnkr.co/edit/GtPDxw?p=preview

错误:

browser_adapter.ts:82 EXCEPTION: 错误: Uncaught (in promise): EXCEPTION: Error in ./App class App - inline template:1:7
ORIGINAL EXCEPTION: formGroup expects a FormGroup instance. Please pass one in.
           Example: <form [formGroup]="myFormGroup">

ORIGINAL STACKTRACE:
错误: formGroup expects a FormGroup instance. Please pass one in.
           Example: <form [formGroup]="myFormGroup">

    at new BaseException (https://npmcdn.com/@angular/forms@0.2.0/src/facade/exceptions.js:27:23)
    at FormGroupDirective._checkFormPresent (https://npmcdn.com/@angular/forms@0.2.0/src/directives/reactive_directives/form_group_directive.js:110:19)
    at FormGroupDirective.ngOnChanges (https://npmcdn.com/@angular/forms@0.2.0/src/directives/reactive_directives/form_group_directive.js:39:14)
    at DebugAppView._View_App0.detectChangesInter

推荐答案

您的代码中有几个问题

  • <form>标签外<div [formGroup]="form">
  • <form [formGroup]="form">但包含FormGroup的属性的名称是loginForm,因此应该是<form [formGroup]="loginForm">
  • [formControlName]="dob"传递不存在的属性dob的值.你需要传递字符串dob,比如[formControlName]="'dob'"formControlName="dob"

Plunker example

Angular相关问答推荐

Angular router-outlet 未渲染

如果Rxjs间隔请求仍在进行,则不应重置,但如果用户更改输入,则应重置

使用 TAB 键时如何聚焦mat-select组件?

无法在 app.component.html 中呈现自定义组件

MAT折叠面板的动态开启和关闭无法工作

如何有条件地更新 Angular 路由解析器数据?

如何在Angular中自动路由到子路由

关闭 Dynamsoft Web Twain 弹出窗口

Angular 服务decorator 提供在延迟加载的根效果

如何从父路由的组件访问激活的子路由的数据?

由于时区,Angular 4 日期管道显示错误的日期 - 如何解决这个问题?

在Angular 4中以'yyyy-MM-dd'格式获取当前日期

Angular2 中的providers提供者是什么意思?

Angular 2 http 没有得到

Angular 2+ ngModule 中导入/导出的作用

Firestore 从集合中获取文档 ID

如何在 Angular 2 中动态添加和删除表单字段

Angular 9 引入了需要加载的全局$localize()函数

重置表单的最简洁方法

Angular 中 impure pipe是什么?