Wstęp do AngularJS – Hello World!

AngularJSAngularJS to rozwijana od roku 2009 przez Google biblioteka javascript wdrażająca wzorzec MVC w aplikacjach internetowych. W ostatnim czasie stała się bardzo popularna, dlatego dziś szybki ‚Hello World’ i porównanie z jQuery.

Pobierz dane i wyświetl

Żeby najszybciej zrozumieć ideę biblioteki AngularJS porównajmy ją ze zwykłym HTML, a następnie z jQuery.
Weźmy sobie za cel pobranie wpisanego przez użytkownika imienia i wyświetlenie go.

  1. HTML

    Z wykorzystaniem czystego HTMLa możemy tylko wyświetlić statyczne dane:

    Wynik:

  2. jQuery

    Wykorzystując Javascript możemy dodać obsługę zdarzenia zwolnienia klawisza klawiatury w polu tekstowym i zaktualizować zawartość wybranego elementu.

    Wynik:

  3. AngularJS

    Natomiast w AngularJS tworzymy model dla naszego pola tekstowego; w przykładzie poniżej o nazwie: ‚userName’.

    Wynik:

Angular wyłapuje zmiany w modelach przez porównanie wartości z wartościami zgromadzonymi we wcześniejszym procesie dirty-checking; w przeciwieństwie do Ember.js i Backbone.js, które czekają na zdarzenia zmiany wartości modelu.

Warto sprawdzić spisy treści i przykładowe rozdziały poniższych pozycji:

  1. Angular JS. Profesjonalne techniki

  2. I nowość polskich autorów: AngularJS. Pierwsze kroki

To tylko tyle tytułem wstępu do AngularJS, bo czas wyjeżdżać do pracy 🙂

To również może Cię zainteresować:

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *