AngularJS - wykorzystanie modułu i kontrolera
Stronę tą wyświetlono już: 1193 razy
Czas najwyższy nadszedł, aby zacząć nieco ciekawszą zabawę z AngularJS. Czas więc aby zapoznać się z możliwością kontrolowania aplikacji z poziomu kodu JavaScript. W tym celu konieczne będzie utworzenie obiektu modułu i kontrolera.
Jak wynika z powyższego kodu wykorzystanie atrybutu ng-init zostało całkowicie i skutecznie wyeliminowane poprzez wykorzystanie kontrolera. Stworzenie kontrolera wymaga utworzenia modułu, a aby jego utworzenie mogło nastąpić w kodzie strony musi istnieć znacznik ng-app zawierający unikalną nazwę aplikacji. Wtedy to bowiem możliwe będzie utworzenie modułu w taki oto przebiegły sposób:
No i cóż innego pozostało jeśli nie to, że trzeba zakasać rękawy i z najdzikszą rozkoszą utworzyć kontroler, ale zanim to uczynię najpierw elementowi body należy przypisać nazwę kontrolera w atrybucie ng-controller co też i ja uczyniłem. Albowiem wtedy i tylko wtedy możliwym będzie utworzenie kontrolera w kodzie i przypisanie go do danego znacznika w aplikacji AngularJS:
Jak widać metoda controller przyjmuje dwa parametry, pierwszy to nazwa kontrolera a drugi to funkcja, w której będzie zawarty kod jak nie trudno się domyślić kontrolujący działanie zawartości strony, do której ów kontroler został przypisany. Funkcja owa przyjmuje jeden specjalny argument $scope umożliwiający odwoływanie się do zmiennych utworzonych w kodzie strony za pomocą znacznika nc-model. Można za pomocą tej zmiennej tworzyć lub inicjalizować zmienne, które będą dostępne w części kodu strony podpiętej pod kontroler. Dzięki takiemu rozwiązaniu eliminuje się konieczność wykorzystania atrybutu ng-init.
Powyższy przykład można zobaczyć w praktyce tutaj.
Tytuł:
JavaScript i jQuery. Interaktywne strony WWW dla każdego. Podręcznik Front-End Developera
Autor:
Jon Duckett
Tytuł:
JavaScript od pierwszej linii kodu. Błyskawiczna nauka pisania gier, stron WWW i aplikacji internetowych
Autor:
Laurence Lars Svekis, Maaike van Putten, Rob Percival
Tytuł:
JavaScript funkcyjnie. Zrównoważone, pragmatyczne programowanie funkcyjne w JavaScript
Autor:
Kyle Simpson
Tytuł:
JavaScript dla dzieci dla bystrzaków
Autor:
Chris Minnick, Eva Holland
Tytuł:
Modularny JavaScript dla zaawansowanych
Autor:
Nicolas Bevacqua
Tytuł:
JavaScript w praktyce. Stwórz twitterowego bota, system sygnalizacyjny LED i inne projekty z użyciem Node.js i Raspberry Pi
Autor:
Lynn Beighley
Tytuł:
Matematyka dla programistów JavaScript
Autor:
Jacek Piechota
Tytuł:
JavaScript i jQuery. Interaktywne strony WWW dla każdego. Podręcznik Front-End Developera
Autor:
Jon Duckett
Tytuł:
ECMAScript 6. Przewodnik po nowym standardzie języka JavaScript
Autor:
Nicholas C. Zakas
Tytuł:
JavaScript i wzorce projektowe. Programowanie dla zaawansowanych. Wydanie II
Autor:
Simon Timms