Jeżeli stworzyłeś już swój pierwszy, bądź nie jeden komponent zapewne wiesz, że dekorator @Component służy do tego aby framework Angular identyfikował go jako klasę komponentu wraz z metadanymi. Z kolei one definiują jakiego rodzaju właściwości mogą być przez niego używane. Bez tego dla składni Angulara była by to zwykła klasa JavaScript.
W czasie pracy z frameworkiem Angular przyjdzie spotkać Wam się z pojęciem dyrektywy. W tym artykule najpierw zrozumiemy, czym dokładnie jest dyrektywa oraz jak ich używać. Stworzymy również własne niestandardowe dyrektywy. Na co czekać ? Gotowi i pełni zapału ? Tak więc zaczynajmy 😃
Dzisiaj parę słów o przekazywaniu danych poprzez dekoratory @Input() oraz Output().
Angular to świetny framework dzięki któremu możemy tworzyć szybkie i niezawodne aplikacje internetowe, dzięki wielu technikom dzielenia kodu. Dla mnie cechy Angulara jako frameworka są po prostu niesamowite. Każdy fragment tworzonego kodu ma specjalny cel i wymaga minimalnej liczby powtórzeń.
Jeżeli tworzysz aplikacje przy użyciu frameworka angular, tworząc interfejs graficzny nadchodzi chwila w której chcemy skorzystać z biblioteki CSS. Przeszukując stronę npmjs w celu znalezienia odpowiedniej paczki natkniemy się na jedną z najpopularniejszych biblotek jaką jest bootstrap. Robiąc to pierwszy raz możemy być nieco zdziwieni ponieważ naszym oczą ukażą się dwie paczki o podobnej nazwie bootstrap oraz ng-bootstrap. Jaka jest różnica między nimi, po co została stworzona ta druga i kiedy jej używać ? Na twoje pytania postaram się odpowiedzieć w dalszej części tego wpisu.
Aby nasza strona była zgodna z ogólnie przyjętą konwencją i mogła być dostosowana na różne urządzenia, ale także byśmy mogli bardziej się skupić nad jej rozwojem pod względem logiki zamiast standaryzacji wyglądu z pomocą przychodzi nam biblioteka bootstrap.
Jak już wspominałem wcześniej, aby możliwe było pisanie aplikacji przy wykorzystaniu Angulara trzeba najpierw zainstalować Node.js z strony node.js. Samego procesu instalacyjnego nie będę opisywał, ale pragnę nadmienić, że konieczne jest sprawdzenie pod Windowsem czy ścieżka do programu node i npm (ang. Node Package Menager) została dodana.
“Nadeszla wiekopomna chwila” – jak mówił Pawlak na pogrzebie swego brata. A więc nadeszla wiekopomna chwila, aby utworzyć pierwszy (żeby nie powiedzieć dziewiczy) projekt Angulara, którego utworzenie wymagać będzie użycia polecenia: