angular - 使用 angular2 RC2 模型驱动表单

标签 angular angular2-forms

更新到新的angular2 RC2后,我尝试按照我在网上找到的文档重新创建一个模型驱动的表单,下面是代码

组件.ts

import { REACTIVE_FORM_DIRECTIVES, FormGroup, FormControl } from '@angular/forms';

myForm = new FormGroup({
  name: new FormGroup({
     first: new FormControl(),
     last: new FormControl()
  })
});

这是HTML代码

<form formGroup="myForm"  >
   <div formGroupName="name">
     <input formControlName ="first" >
     <input formControlName ="last" >
  </div>
</form>

但是在运行时,我得到这个错误,

EXCEPTION: Error: Uncaught (in promise): Template parse errors:
No provider for NgControl ("
<form formGroup="myForm"  >
  <div formGroupName="name">
     [ERROR ->]<input formControlName ="first" >
     <input formControlName ="last" >
  </div>
"): ProductComponent@9:5

有没有人知道可能导致此错误的原因。

P.S 新的模板驱动表单可以工作,只是不是模型驱动
P.S 我正在使用 mgechev 的 Angular2-seed 项目

最佳答案

更新到 rc2 后我有同样的错误。在 main.ts 中,我更改了这一行
从'@angular/forms/index'导入{disableDeprecatedForms, provideForms};

从 '@angular/forms' 导入 { disableDeprecatedForms, provideForms };

关于angular - 使用 angular2 RC2 模型驱动表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37890683/

相关文章:

javascript - 如何使用当前的 Form API 将父组件的 FormGroup 传递给其子组件

Angular 2 形式 + OnPush

javascript - 如何在 HTML 标签上打印/显示动态值?

angular - 为自定义属性实现双向数据绑定(bind)

javascript - Angular cli 项目不使用 IP 地址运行

Angular2 ngBusy 不工作

javascript - Angular 2 形式返回空值

angular - 错误 : No component factory found for MatSnackBarContainer

Angular 6 numberonly 指令不起作用

validation - 表单验证不适用于 Ionic 2 中的 Angular 2 FormBuilder