7

Ich muss meine vorhandene Angular 2 RC 1 App auf Angular 2 RC 4 migrieren. Als Teil davon brauche ich auch um meine bestehenden Formulare nach Angular 2 RC 4 New Forms zu verschieben.Wie man Angular 2 RC 1 (oder früher) Forms auf Angular 2 RC 2/RC 4 Neue Formen umwandelt

Kann jemand bitte, Anleitung, wie Sie bestehende Formulare auf neue Form zu aktualisieren.

+0

Was ist das Problem mit Validatoren? Kannst du in einem Plunker reproduzieren? Sie können https://plnkr.co/edit/ir19tuktTqcfGeG8pu2G?p=preview als Vorlage verwenden. –

+0

Benutzerdefinierte Validatoren erfordern, dass der Schlüssel im Ergebnis identisch mit dem Validierungsnamen ist, wenn er falsch ist, daher wird das Ergebnis zurückgegeben {{numeric}: true}; Für diesen Zweck benötigen Sie keinen Custom Validator, da Pattern als einer der Standardvalidatoren von RC1 existiert. – Baumi

Antwort

18

Für diejenigen, die Schwierigkeiten haben, Formen von Angular 2 RC 1 (oder früher) zu Angular 2 RC 2/RC 4 New Forms zu migrieren. Hier sind die Schritte, die sie folgen müssen:

Fügen Sie neue Formen in Ihrem Projekt von unten Paket, um ihre packages.json Zugabe:

"@angular/forms": "0.2.0", 

Weiter haben sie die veralteten Formen in Hauptdatei deaktivieren und schließen neue Formen etwas wie unten:

import {disableDeprecatedForms, provideForms} from '@angular/forms'; 
bootstrap(AppComponent, [ 
    disableDeprecatedForms(), 
    provideForms() 
]) 

Dann in ihrer Komponente Importparameteraddierroutine für neue Form Richtlinien:

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

Fügen REACTIVE_FORM_DIRECTIVES für die Komponente:

directives: [REACTIVE_FORM_DIRECTIVES], 

In Ihrer Komponente benennen Sie die folgenden Schritte aus:

ControlGroup > FormGroup 
Control > FormControl 

In Vorlagen umbenennen die folgenden:

ngFormModel > formGroup 
ngControl > formControlName 

Ich hoffe, das hilft.

+2

Hier gibt es wichtigere Änderungen ... Siehe: https://docs.google.com/document/u/1/d/1RIezQqE4aEhBRmArIAS1mRIZtWFf6JxN_7B4meyWK0Y/pub – Baumi

+0

Danke Baumi, du hast recht, sogar ich bin diesem Beitrag tatsächlich gefolgt :) –