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

Question

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

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

Answer 1

对于那些在将表单从 Angular 2 RC 1(或更早版本)迁移到 Angular 2 RC 2/RC 4 New Forms 时遇到问题的人。以下是他们需要遵循的步骤:

通过将以下包添加到它们的 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

希望对您有所帮助。