Angular Tips & Tricks cz.IV
Czas na kolejny wpis z serii Tips & Tricks! Tyle tytułem wstępu, ruszamy. 1. AbstractControl i metoda GET Zdarza się, że model reaktywnego formularza posiada zagnieżdżone obiekty. W celu dobrania się …
Angular – multiple environments
Dzisiaj krótki wpis, jak rozbudować liczbę środowisk w naszej aplikacji. Tworząc projekt za pomocą narzędzia Angular CLI, zapewne zwróciłeś uwagę, że tworzy się katalog environments w katalogu src: I pewno …
Angular – dyrektywy strukturalne
Cześć po długim czasie! W związku z prywatnymi projektami, zawiesiłem bloga na okres wakacji – ale teraz jest plan wrócić ze zdwojoną siłą 😉 Ten wpis poświęcę dyrektywom strukturalnym, …
ANGULAR – ROUTER EVENTS I SPINNER
Hello! Czas na kolejny art związany z routingiem. W tym artykule poznasz etapy routingu i pokażę praktyczny przykład ich zastosowania. Zaimplementujemy spinner, który będzie się pokazywał podczas przechodzenia między widokami. Skorzystam …
KONFERENCJA FRONTEND-CON 2017, WYGRAJ BILET!
Cześć! Wkrótce w Warszawie, odbędzie się mega konferencja dla wszystkich miłośników Front-endu pod nazwą FRONTEND-CON 2017. Z dumą oznajmiam, że blog angular.love, wstąpił do grona community partners. FRONTEND-CON, jest to jedna z …
ANGULAR – canDeactivate Guard
Czołem! W dzisiejszym artykule pokażę, jak skorzystać z guarda o nazwie CanDeactivate. Scenariusz, który rozpatrzę: użytkownik wypełnia widok z formularzem, np. edytuje dane usera w przypadku próby zmiany routa (np. …
ANGULAR – Tips & Tricks cz. III
Witam w kolejnym artykule z serii Tips & Tricks! Wg statystyk Google Analitycs, cieszy się największą ilością wyświetleń, więc postaram się częściej dodawać arty z tej z serii. Zatem do …
Wyniki konkursu JS-Poland i blog www.polskifrontend.pl
Cześć, czas na post informacyjny! KONKURS JS-POLAND Czas na wyniki konkursu, w którym można było wygrać bilet na JS-Poland! Konferencja JS Poland 2017 – wygraj bilet lub skorzystaj ze zniżki! …
ANGULAR – manipulacja DOM w różnych środowiskach
Cześć po dłuższej przerwie! W tym krótkim artykule poruszę temat manipulacji drzewem za pomocą klasy Renderer2, która na razie jest w fazie experimental w NG4. Jeśli manipulowałeś DOMem w Angularze …
Konferencja JS Poland 2017 – wygraj bilet lub skorzystaj ze zniżki!
JS Poland zbliża się wielkimi krokami. Już 19 czerwca w Złotych Tarasach w Warszawie, odbędzie się jedna z największych konferencji w europie, dotycząca JavaScriptu i powiązanych technologii. Szacowana ilość uczestników, …
ANGULAR 2 – Custom Form Controls
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: …
ANGULAR 2 TIPS & TRICKS cz. II
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 …
ANGULAR 2 – SharedModule w większych projektach
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 …
ANGULAR 2 TIPS & TRICKS cz. I
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. …
ANGULAR 2 VALIDATION SERVICE – usprawniamy wyświetlanie errorów
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 …