Co to jest Angular JS?

Html to hipertekstowy język znaczników, który nadaje strukturę naszych aplikacji internetowych i stron internetowych i jest świetny do statycznej deklaracji dokumentów, ale HTML waha się deklarować dynamiczne widoki w aplikacjach internetowych. Rozwiązaniem jest AngularJS, który rozszerza nasze słownictwo HTML.

AngularJS jest jedną z najpopularniejszych, open source, strukturalnych front-end, które są używane do dynamicznych pojedynczych aplikacji internetowych, które zmieniają statyczny HTML na dynamiczny HTML i został opracowany w 2009 roku i jest obecnie utrzymywany przez Google. AngularJS rozszerza zdolność HTML, ponieważ pozwala nam dodawać wbudowane atrybuty i komponenty, a także zapewnia możliwość tworzenia niestandardowych atrybutów za pomocą prostych JS. Oficjalna strona AngularJS podano poniżej, z której można pobrać AngularJS:

https: // angularjs.org/

Angularjs używa architektury oprogramowania kontrolera widoku modelu jako większości frameworków JavaScript.

Kontroler widoku modelu

Kontroler widoku modelu (MVC) to projekt architektury oprogramowania, który dzieli naszą aplikację na trzy logiczne komponenty:

• Model jest częścią architektury, w której dane są reprezentowane. Na przykład, jeśli budujesz system zarządzania szkołą, w tej części są dane uczniów (numer rejestracyjny, nazwa, wiek itp.
• Widoki są po prostu warstwą prezentacji, która jest pokazana użytkownikom.
• Kontroler reprezentuje logikę biznesową, funkcje wyzwalające zdarzenia użytkownika I-E zainicjowane w kontrolerze.

Funkcje AngularJS

Angular ma kilka unikalnych funkcji, które sprawiają, że jest tak popularny. Niektórzy z nich są:

• Angularjs Oferuje powiązanie modelu danych, co oznacza, że ​​nie trzeba pisać specjalnego kodu do wiązania danych z kontrolami HTML i odbywa się tylko z kilkoma fragmentami AngularJS.
• Jak wspomniano wcześniej, AngularJS opiera się na znanym wzorze projektowania MVC, który jest stosowany w większości obecnych aplikacji.
• Angularjs sprawia, że ​​piszemy mniej kodu w porównaniu z manipulacją JavaScript DOM, Angular ma mniej kodu manipulacji DOM.
• Kolejną funkcją oferowaną przez AngularJS jest framework karma zaprojektowana przez Google, która wykonuje testy jednostkowe dla aplikacji AngularJS.

Zalety Angular JS

• Struktura typu open source stąd mniej liczby błędów.
• Utworzenie aplikacji jednorazowych jest osiągane w bardzo utrzymanym i czystym środowisku.
• Bogate i responsywne doświadczenie z możliwościami wiązania danych jest dostarczane w HTML.
• Routing przenosi się z jednej strony do drugiej, a kątowy sprawia, że ​​jest bardzo łatwa i wydajna, ponieważ jest tylko jedna strona; Możesz jednak zmienić widoki na podstawie preferencji/wymagań.
• Zapewnia komponenty wielokrotnego użytku
• Stosuje się rozdzielenie obaw i wstrzyknięcie zależności.
• Nie ma potrzeby uczenia się nowego języka, ponieważ jest to czysty JS i HTML.
• Aplikacje AngularJS działają we wszystkich głównych przeglądarkach, a także telefonach komórkowych Android i iOS.

Wady Angular JS

Teraz, gdy omówiliśmy zalety Angularjs, pozwól nam odwrócić monetę na drugą stronę i omówić niektóre wady Angularjs.

• Uwierzytelnianie i autoryzacja po stronie serwera są koniecznością zapewnienia bezpieczeństwa naszej aplikacji, dlatego aplikacje AngularJS nie są bezpieczne.
• AngularJS nie jest degradowalny, co oznacza, że ​​jeśli użytkownik wyłącza JavaScript, nic nie byłoby widoczne oprócz strony podstawowej

Dyrektywy Angularjs

Angular JS Zapewnia nam unikalne i potężne dyrektywy, które pozwalają nam wymyślić nową składnię HTML Pacific dla naszej aplikacji. AngularJS jest podzielony na trzy części:

• Dyrektywa odpowiedzialna za powiązanie aplikacji HTML i AngularJS jest NG-APP.
• Dyrektywa odpowiedzialna za wiązanie wartości kątowych JS z kontrolami wejściowymi HTML jest model NG.
• Dyrektywa odpowiedzialna za wiązanie aplikacji AngularJS do znaczników HTML jest ng.

Przykład dyrektyw AngularJS

Załóżmy, że istnieje pole wejściowe i chcemy wyświetlić wpisany ciąg na etykiecie, a następnie użyjemy NG-App, modelu BG, a także ng-wiązania w poniższym przykładzie, aby osiągnąć nasz cel:

Wniosek

HTML doskonale nadaje się jednak do dokumentów statycznych do deklarowania dynamicznych widoków HTML Sareters. AngularJS rozszerza słownictwo HTML i jest jedną z najpopularniejszych frameworków internetowych, która służy do projektowania pojedynczych stron internetowych.

Ten artykuł był wprowadzeniem do tego, czym jest Angularjs i omówiliśmy prawie całą teoretyczną część tego, czym jest Angularj.