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 …
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. …
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 …
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! …
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 …
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, …
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, …
