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 …
Author: Tomasz Nastały
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 …
ANGULAR 2 CUSTOM VALIDATORS
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 / …
ANGULAR 2 MODEL DRIVEN FORMS, cz. III – dynamiczne formularze
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, …
ANGULAR 2 MODEL DRIVEN FORMS, cz. II – zmiana zasad walidacji w locie
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: …
ANGULAR 2 MODEL DRIVEN FORMS, cz. I – tworzymy formularz z walidacją
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, …
ANGULAR 2 TEMPLATE DRIVEN FORMS
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ę …
ANGULAR 2 LIFECYCLE HOOKS – ngOnChanges & ngDoCheck
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 …