AngularJS - zmienne inicjujące i atrybut ng-init
Stronę tą wyświetlono już: 1493 razy
Często aplikacje AngularJS wykorzystują zmienne inicjalizujące, które można umieścić w atrybucie ng-init i wykorzystać np. do inicjalizacji kontrolek wartościami początkowymi oraz ustawienia początkowego treści strony. Taki prosty przykład wykorzystania tegoż atrybutu można zobaczyć na poniższym listingu.
Jak widać zmienna person zawiera dwa pola name oraz surname, które zostały przypisane do elementów typu input oraz w jakże przebiegły sposób wykorzystane zostały w kodzie strony do wyświetlenia wpisanych wartości.
Zmienne inicjalizujące nie muszą być tak złożone jak powyżej, mogą to być zwykłe zmienne liczbowe lub tekstowe jak również zmienne tablicowe. Oto fragment kodu tworzącego zmienne innych typów:
Działanie kodu z Listingu 1 można zobaczyć 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