如何将Angular 2 RC 1(或更早版本)表格迁移到Angular 2 RC 2 / RC 4新表格

时间:2016-06-17 00:15:14

标签: angular angular2-template angular2-directives angular2-forms

我需要将现有的Angular 2 RC 1应用程序迁移到Angular 2 RC 4.作为其中的一部分,我还需要将现有表单移动到Angular 2 RC 4新表单。

任何人都可以指导,如何将现有表格更新为新表格。

1 个答案:

答案 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

我希望这会有所帮助。