我需要将现有的Angular 2 RC 1应用程序迁移到Angular 2 RC 4.作为其中的一部分,我还需要将现有表单移动到Angular 2 RC 4新表单。
任何人都可以指导,如何将现有表格更新为新表格。
答案 0 :(得分:18)
对于那些在将表格从Angular 2 RC 1(或更早版本)迁移到Angular 2 RC 2 / RC 4新表格时遇到困难的人。以下是他们需要遵循的步骤:
通过将以下包添加到他们的packages.json:
,在项目中包含新表单"@angular/forms": "0.2.0",
接下来,他们必须在主文件中禁用已弃用的表单,并包含如下所示的新表单:
import {disableDeprecatedForms, provideForms} from '@angular/forms';
bootstrap(AppComponent, [
disableDeprecatedForms(),
provideForms()
])
然后在他们的组件中添加新表单指令的导入:
import { REACTIVE_FORM_DIRECTIVES, FormControl, FormGroup, FormBuilder, Validators } from '@angular/forms';
为组件包含REACTIVE_FORM_DIRECTIVES:
directives: [REACTIVE_FORM_DIRECTIVES],
在您的组件中重命名以下内容:
ControlGroup > FormGroup
Control > FormControl
在模板中重命名以下内容:
ngFormModel > formGroup
ngControl > formControlName
我希望这会有所帮助。