Przed przeczytaniem artykułu, polecam zapoznać się podstawami Reactive Forms z poprzednich artykułów. W tym artykule przedstawię, jak tworzyć własne kontrolki (form Control). Oprócz kontrolek, które Angular obsługuje od ręki, tzn: …
Cześć! witam w drugim artykule z serii Tips & Tricks. Wstęp zbędny, więc przejdę od razu do konkretów; ) 1. Selektor :HOST-CONTEXT Jeśli Twój komponent ma posiadać dany styl, w …
Cześć! W dzisiejszym artykule pokażę, jak możemy współdzielić sharedModule w projektach o większej skali. Wyobraźmy sobie, że pracujemy w projekcie o bardzo dużej skali, który składa się z paru mniejszych …
Heja! Tips & Tricks będzie nową serią artykułów, w których będę pokazywał drobne rzeczy, porady, dobre praktyki, tricki, które będą dość krótkie, więc same w sobie nie zasługują na osobne artykuły. …
Cześć po 2 tygodniowej przerwie! W poprzednich artykułach pokazałem jak wyświetlać błędy walidacji na widoku. Wykonywałem to w następujący sposób:
|
1 2 3 4 5 6 7 |
<span *ngIf="modelForm.controls['firstname'].dirty && modelForm.controls['firstname'].errors?.startsWith"> Must start with {{ modelForm.controls['firstname'].errors?.startsWith }} </span> <span *ngIf="modelForm.controls.positions.controls[i].dirty && modelForm.controls['positions'].controls[i].errors?.oneRequired"> At least one field is required </span> |
Jeśli powyższy kod nie jest dla Ciebie jasny, zalecam …
W poprzednich artykułach dotyczących Model Driven Forms, pokazałem jak korzystać z wbudowanej walidacji, takiej jak Required lub MinLength. W tym artykule omówię następujące kwestie: budowa własnego walidatora dla pojedynczego FormControl / …
W poprzednich artykułach operowałem na formularzach, które składy się ze stałej liczby grup (FormGroup) i kontrolek (FormControl). W tym artykule pokażę, jak dodawać / usuwać / iterować po grupach w formularzu, …
Jeśli zapoznałeś się już z podstawami Model Driven Forms, to czas na tzw. mięsko! W tym artykule zaprezentuję, jak podczas runtime’u zmieniać zasady walidacji (conditional validation). Rozpatrzymy przypadek formularza, w którym: …
W ostatnim artykule poruszyłem temat budowania formularzy techniką Template Driven Forms. W tym arcie przyjrzę się drugiemu wariantowi – Model Driven Forms (znane także jako reactive forms). Na potrzeby artykułu, …
W Angularze 2, podejście do formularzy to istna rewolucja. Kiedy pierwszy raz zajrzałem do dokumentacji, chwyciłem się za głowę. Mieszanka 40-stu różnych nazw, w tym interfejsy, dyrektywy, klasy. Można się …
Zapewne wiesz, że komponenty mają swój cykl życia, składający się z hooków, w które możemy się wpiąć. W tym artykule skupię się na 2 hookach: ngOnChanges oraz ngDoCheck, sprawdzimy jak możemy …
Twórcy Angulara tym razem stanęli na wysokości zadania i stworzyli przemyślany system śledzenia zmian w komponentach. Po cyklu $digest z Angulara 1.x nie został nawet ślad. W tym artykule omówię …
W większości aplikacji zachodzi potrzeba wyświetlania dat w różnych formatach. Największą popularnością na front-endowym rynku cieszy się biblioteka moment.js. W tym krótkim artykule, pokażę jak stworzyć Pipe, który umożliwi nam wyświetlanie …
Angular 2 proponuje nam całkowicie nowe podejście dotyczące serwisów w aplikacji. W Angularze 1.x byliśmy mocno ograniczeni, wszystkie serwisy były singletonami oraz aplikacja posiadała wyłącznie jeden injector. Nowy Angular porzuca …
Debugging i profiling stworzonej przez nas aplikacji jest bardzo istotny. Brzmi to dobrze w teorii, ale jak się za to faktycznie zabrać? Z pomocą przychodzi nam Augury – narzędzie, dzięki …
