Podstawy kątowe-10
Witamy w części 10 serii Angular Basics. W tej części poznamy reaktywne podejście do tworzenia formularzy w Angularze.
Stąd można wziąć punkt wyjścia .
W projekcie mamy prosty formularz html, który zamierzamy zmienić na podejście Angular reaktywne.
Pierwszą rzeczą jaką zrobimy jest zmiana FormsModule na ReactiveFormsModule w pliku app.module.ts .
Teraz w pliku app.component.ts dodamy signupForm, a następnie w ngOnInit dodamy nazwę użytkownika, adres e-mail i płeć.
Mamy również onSubmit do konsoli rejestrowania formularza rejestracji.
Teraz w pliku app.component.html dodaj formGroup, ngSubmit oraz formControlName i gotowe.
Teraz w localhost, gdy dodamy wartości i prześlemy formularz, otrzymamy wartości.
Teraz dodamy walidatory w naszym projekcie i najpierw w pliku app.component.ts dodamy walidatory w FormControl .
Następnie w pliku app.component.html dodamy metody get sprawdzające poprawność nazwy użytkownika lub adresu e-mail .
Teraz w pliku app.component.css dodamy klasę wyświetlającą czerwoną ramkę błędu.
Teraz nasze walidacje działają doskonale na lokalnym hoście.
Teraz uzupełnimy nasz formularz, pobierając w nim wartości domyślne, używając setValue w ngOnInit. Resetujemy również formularz po przesłaniu go przez użytkownika.
Nasza aplikacja jest już gotowa, wybrane zostały wartości domyślne, a resetowanie również działa poprawnie. Kod tego samego można pobrać z tego repozytorium github.
Suggested posts
Jest — potężny framework do testowania JavaScript
Testowanie jest istotną częścią tworzenia oprogramowania. Zapewnia, że kod jest niezawodny, działa zgodnie z oczekiwaniami i zmniejsza prawdopodobieństwo błędów.
Aktualizacja aplikacji korporacyjnej do Angular 16
Nadchodzi ból
Jestem absolutnie kupiony przez wszystkie nowe funkcje Angular v16, zaczynając od sygnałów i cóż, wszystko inne. I po prostu nie mogłem się oprzeć pokusie zaktualizowania jednej z aplikacji firmy, aby zobaczyć, jakie to może być trudne.
Related posts
Kłamstwo kowbojskie
Jak megakorporacje sprzedały Amerykanom mocne kłamstwo
Jest wspaniale złoty poranek na falistych wzgórzach zachodu, gdy pierwsze promienie słońca oświetlają oszronioną trawę na równinach. Stado spokojnego bydła rasy Angus, czarnego jak smoła i masywne, rysuje się na tle wschodu słońca, gdy zmierza utartym szlakiem do miejsca, które wszyscy dobrze znają; bar śniadaniowy.
Wyzwanie czytelnicze Goodreads jest toksyczne
Swędzenie w mojej dłoni rozszerzyło się, gdy targowałem się z miejscowym księgarzem o kolejną książkę. Ta książka, podobnie jak pozostałe, które ostatnio kupiłem, znalazłaby swój tron na moim stosie „Do przeczytania” (TBR); a mimo to kupiłem.
Wyszukiwanie informacji o nazwach domen
Fragment książki Small, Sharp Software Tools autorstwa Briana P. Hogana
Kiedy wysyłasz żądanie do facebook.com, Twój komputer wyszukuje nazwę domeny, aby przetłumaczyć tę nazwę domeny na adres IP, aby komputer mógł nawiązać to połączenie.
Niebezpieczne rozmowy
Jeśli chcemy dalej prosperować na tej planecie, będziemy musieli prowadzić niebezpieczne rozmowy. Takie, które rzucają wyzwanie temu, co zrobiliśmy, co robimy i co obecnie zamierzamy robić (lub planujemy robić).