AngularJS - przegląd
AngularJS to framework aplikacji internetowych typu open source. Został pierwotnie opracowany w 2009 roku przez Misko Hevery i Adama Abronsa. Obecnie jest obsługiwany przez Google. Jego najnowsza wersja to 1.2.21.
Definicja AngularJS zawarta w oficjalnej dokumentacji jest następująca:
AngularJS to struktura strukturalna dla dynamicznych aplikacji internetowych. Pozwala używać HTML jako języka szablonów i pozwala rozszerzyć składnię HTML, aby jasno i zwięźle wyrazić składniki aplikacji. Jego powiązanie danych i iniekcja zależności eliminują znaczną część kodu, który obecnie musisz napisać. A wszystko to dzieje się w przeglądarce, co czyni ją idealnym partnerem dla dowolnej technologii serwerowej.
Główne cechy
Ogólne cechy AngularJS są następujące -
AngularJS to wydajny framework, który może tworzyć bogate aplikacje internetowe (RIA).
AngularJS zapewnia programistom możliwość pisania aplikacji po stronie klienta przy użyciu JavaScript w przejrzysty sposób kontrolera widoku modelu (MVC).
Aplikacje napisane w AngularJS są kompatybilne z różnymi przeglądarkami. AngularJS automatycznie obsługuje kod JavaScript odpowiedni dla każdej przeglądarki.
AngularJS to oprogramowanie typu open source, całkowicie bezpłatne i używane przez tysiące programistów na całym świecie. Jest licencjonowany w ramach licencji Apache w wersji 2.0.
Ogólnie rzecz biorąc, AngularJS to platforma do tworzenia dużych, wydajnych i łatwych w utrzymaniu aplikacji internetowych.
Podstawowe cechy
Podstawowe cechy AngularJS są następujące -
Data-binding - Jest to automatyczna synchronizacja danych między komponentami modelu i widoku.
Scope- To są obiekty, które nawiązują do modelu. Działają jak klej między kontrolerem a widokiem.
Controller - Są to funkcje JavaScript powiązane z określonym zakresem.
Services- AngularJS zawiera kilka wbudowanych usług, takich jak $ http do tworzenia żądań XMLHttpRequests. Są to pojedyncze obiekty, które są tworzone tylko raz w aplikacji.
Filters - Wybierają podzbiór elementów z tablicy i zwracają nową tablicę.
Directives- Dyrektywy to znaczniki na elementach DOM, takich jak elementy, atrybuty, css i inne. Można ich używać do tworzenia niestandardowych tagów HTML, które służą jako nowe, niestandardowe widżety. AngularJS ma wbudowane dyrektywy, takie jak ngBind, ngModel itp.
Templates- To jest renderowany widok z informacjami z kontrolera i modelu. Może to być pojedynczy plik (np. Index.html) lub wiele widoków na jednej stronie przy użyciu częściowych .
Routing - To koncepcja przełączania widoków.
Model View Whatever- MVW to wzorzec projektowy służący do podziału aplikacji na różne części o nazwie Model, Widok i Kontroler, z których każda ma inne obowiązki. AngularJS nie implementuje MVC w tradycyjnym sensie, ale raczej coś bliższego MVVM (Model-View-ViewModel). Zespół Angular JS żartobliwie nazywa to Model View Cokolwiek.
Deep Linking- Głębokie linkowanie pozwala zakodować stan aplikacji w adresie URL, aby można było dodać do niej zakładkę. Aplikację można następnie przywrócić z adresu URL do tego samego stanu.
Dependency Injection - AngularJS ma wbudowany podsystem wstrzykiwania zależności, który pomaga programistom w łatwym tworzeniu, zrozumieniu i testowaniu aplikacji.
Koncepcje
Poniższy diagram przedstawia kilka ważnych części AngularJS, które omówimy szczegółowo w kolejnych rozdziałach.
Zalety AngularJS
Zalety AngularJS to -
Zapewnia możliwość tworzenia aplikacji jednostronicowych w bardzo czysty i łatwy w utrzymaniu sposób.
Zapewnia możliwość wiązania danych z HTML. W ten sposób zapewnia użytkownikowi bogate i responsywne wrażenia.
Kod AngularJS można testować jednostkowo.
AngularJS wykorzystuje iniekcję zależności i wykorzystuje separację problemów.
AngularJS dostarcza komponenty wielokrotnego użytku.
Dzięki AngularJS programiści mogą osiągnąć większą funkcjonalność za pomocą krótkiego kodu.
W AngularJS widoki są czystymi stronami html, a kontrolery napisane w JavaScript wykonują przetwarzanie biznesowe.
Co więcej, aplikacje AngularJS mogą działać na wszystkich głównych przeglądarkach i smartfonach, w tym na telefonach / tabletach z systemem Android i iOS.
Wady AngularJS
Chociaż AngularJS ma wiele zalet, oto kilka problemów -
Not Secure- Będąc frameworkiem JavaScript, aplikacje napisane w AngularJS nie są bezpieczne. Uwierzytelnianie i autoryzacja po stronie serwera są niezbędne, aby zapewnić bezpieczeństwo aplikacji.
Not degradable - Jeśli użytkownik Twojej aplikacji wyłączy JavaScript, nic nie będzie widoczne poza stroną podstawową.
Dyrektywy AngularJS
Framework AngularJS można podzielić na trzy główne części -
ng-app - Ta dyrektywa definiuje i łączy aplikację AngularJS z HTML.
ng-model - Ta dyrektywa wiąże wartości danych aplikacji AngularJS z kontrolkami wejściowymi HTML.
ng-bind - Ta dyrektywa wiąże dane aplikacji AngularJS ze znacznikami HTML.