7

Potrzebuję przenieść moją istniejącą aplikację Angular 2 RC 1 do Angular 2 RC 4. W ramach której również potrzebuję przenieść moje istniejące formularze do Angular 2 RC 4 New Forms.Jak migrować Angular 2 RC 1 (lub wcześniejsze) Formularze do Angular 2 RC 2/RC 4 Nowe formularze

Czy każdy może podać przewodnik, jak zaktualizować istniejące formularze do nowej formy.

+0

Na czym polega problem z walidatorami? Czy możesz rozmnażać się w Plunker? Możesz użyć https://plnkr.co/edit/ir19tuktTqcfGeG8pu2G?p=preview jako szablonu. –

+0

Weryfikatory niestandardowe wymagają podania wyniku klucza, który jest taki sam jak nazwa weryfikatora, jeśli jest niepoprawny, więc wynikiem będzie return {"numeric": true}; Poza tym do tego celu nie potrzebujesz niestandardowego walidatora, ponieważ istnieje Pattern jako jeden ze standardowych walidatorów RC1. – Baumi

Odpowiedz

18

Dla tych, którzy mają problem z migracją formularzy z Angular 2 RC 1 (lub wcześniej) do Angular 2 RC 2/RC 4 New Forms. Oto kroki muszą podążać:

Dołącz nowych form w projekcie poprzez dodanie do pakietu poniżej ich packages.json:

"@angular/forms": "0.2.0", 

Następny, muszą wyłączyć nieaktualnych formularzy w głównym pliku i obejmują nowe formy coś jak poniżej:

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

Wtedy w ich importu komponent dodawanie nowych dyrektyw forma:

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

Dołącz REACTIVE_FORM_DIRECTIVES dla składnika:

directives: [REACTIVE_FORM_DIRECTIVES], 

W komponentu zmienić nazwę następujące:

ControlGroup > FormGroup 
Control > FormControl 

W szablonach zmienić nazwę następujące:

ngFormModel > formGroup 
ngControl > formControlName 

Mam nadzieję, że to pomaga.

+2

Tu są ważniejsze zmiany ... Proszę zapoznać się z: https://docs.google.com/document/u/1/d/1RIezQqE4aEhBRmArIAS1mRIZtWFf6JxN_7B4meyWK0Y/pub – Baumi

+0

Dziękuję Baumi, masz rację, nawet ja faktycznie śledziłem ten post :) –