AngularJS - wykorzystanie atrybutu ng-repeat do automatycznego wstawiania zawartości zmiennej tablicowej
Stronę tą wyświetlono już: 1199 razy
Na poprzedniej stronie tego działu opisywałem jak stworzyć moduł oraz kontroler. Była tam zmienna tablicowa beautifulPeople, do której można było dodać delikwenta. Problem w tym, że efektu dodania takiego "delikwenta" do "bazy danych" ni jak zobaczyć tam nie można było. Cóż więc począć z tym fantem i jak szybko i sprawnie rozwiązać ten jakże palący problem. Otóż z odsieczą przychodzi atrybut ng-repeat, który bez problemu umożliwia wyświetlenie zawartości tablicy. Oto przykład:
Fragment kodu, na który warto zwrócić uwagę:
Jak widać w znaczniku tr używam tajemniczego atrybutu ng-repeat, który zawiera dyrektywę opisującą z jakiego obiektu i do jakiej zmiennej będą wyciągane kolejne jego elementy. W tym przypadku z zmiennej beautifulPeople będą wyciągane kolejne osoby do zmiennej beautifulPerson. Tej zmiennej mogę następnie użyć w celu wypisania wszystkich elementów w tabeli. Warto też zwrócić uwagę na możliwość pozyskania indeksu danego elementu za pomocą specjalnej zmiennej $index.
Działający przykład 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