如何将 Angular 2 RC 1(或更早版本)表格迁移到 Angular 2 RC 2 / RC 4 新表格
How to migrate Angular 2 RC 1 (or earlier) Forms to Angular 2 RC 2 / RC 4 New Forms
我需要将我现有的 Angular 2 RC 1 应用程序迁移到 Angular 2 RC 4。作为其中的一部分,我还需要将我现有的表格移动到 Angular 2 RC 4 新形式。
任何人都可以指导,如何将现有表格更新为新表格。
对于那些在将表格从 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
希望对您有所帮助。
我需要将我现有的 Angular 2 RC 1 应用程序迁移到 Angular 2 RC 4。作为其中的一部分,我还需要将我现有的表格移动到 Angular 2 RC 4 新形式。
任何人都可以指导,如何将现有表格更新为新表格。
对于那些在将表格从 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
希望对您有所帮助。