Najlepszy samouczek angularjs dyrektyw W 2024 r. W tym samouczku możesz dowiedzieć się angularjs dyrektyw,angularjs przykłady,Wiązanie danych,angularjs przykłady,Powtórz elementy HTML,angularjs przykłady,angularjs przykłady,Dyrektywa ng-app,ng-startowych polecenie,Dyrektywa ng model,ng-repeat Instrukcja,Tworzenie polecenia niestandardowego,angularjs przykłady,Ograniczenia w stosowaniu,
Nowa właściwość jest wywoływana przez angularjs dyrektyw przedłużyć HTML.
Angularjs wbudowane instrukcje dla aplikacji, aby dodać funkcjonalność.
Angularjs pozwala dostosować instrukcji.
Angularjs instrukcja jest rozszerzeniem atrybutów HTML z ng-prefix.
Instrukcje ng-app zainicjować angularjs aplikację.
Komenda ng-init zainicjować danych aplikacji.
ng model dowodzić wartości elementu (takich jak wartość pola wejściowego) związanych z aplikacją.
Pełne instrukcje można znaleźć w treści angularjs podręcznika .
Dyrektywa ng-app mówi angularjs <div> jest angularjs stosowanie "właściciela".
Strona internetowa może zawierać wiele angularjs uruchamiania aplikacji w różnych elementach. |
W powyższym przykładzie {{}} angularjs firstName wyrażenie jest wyrażeniem wiązania danych.
Angularjs powiązania danych, zsynchronizowane z angularjs angularjs danych ekspresji.
{{FirstName}} od modelu NG = "firstName" synchronizacji.
W następnym przykładzie, dwa pola tekstowego jest obliczana poprzez dwa synchronizacji instrukcji NG-modelu:
Korzystanie ng-startowy nie jest bardzo częste. Dowiesz się być lepszym sposobem, aby zainicjować dane w rozdziale kontrolera. |
ng-repeat Instrukcja powtarza elementu HTML:
ng powtarzania instrukcja jest używana w układzie obiektów:
Angularjs CRUD doskonała baza wsparcia (wzrost tworzyć, czytać, czytać aktualizacji Update, Delete) Usuwanie aplikacji. Pomyśl o przykłady obiektów do rekordów w bazie danych. |
Dyrektywa ng-app definiuje aplikację angularjs elementu głównego.
Instrukcje ng-app, gdy strona jest ładowany automatycznie uruchomiony (automatyczna inicjalizacja) wnioski.
Później dowiesz się jak NG-app przez wartość (na przykład, NG-app = "mymodule") podłączonego do modułu kodu.
ng inicjalizacji zastosowanie angularjs instrukcja określa wartość początkową.
W normalnych okolicznościach nie używać NG-Init. Będziesz korzystać z kontrolera lub modułu, aby go zastąpić.
Później dowiesz się więcej na temat sterowników i modułów.
ng model elementów dyrektywy wiążą HTML do danych aplikacji.
Dyrektywa ng-model może również:
ng-repeat instrukcja dla zbierania (array) każdego elementu będzie sklonować elementu HTML.
Angularjs dodatkiem do wbudowanych instrukcji, możemy również tworzyć niestandardowe polecenia.
.directive funkcji można użyć, aby dodać niestandardowe polecenia.
Aby połączyć się z polecenia niestandardowego, trzeba dodać niestandardową nazwę polecenia na elemencie HTML.
Użyj metody garb nazwaćdyrektywa, w3bigDirective, ale kiedy trzeba go używać -segmentacja, w3big dyrektywą:
Możesz zadzwonić do instrukcji w jeden z następujących sposobów:
Poniższy tytułem przykładu może wyprowadzać taki sam wynik:
Można ograniczyć swoją instrukcja może być wywoływany tylko przez określony sposób.
Dodającograniczyć własność i ustawić wartość tylko "A"
, aby ustawić polecenia można nazwać jedynie tytułem własności:
ograniczyć wartość może być następująca:
E
jest wykorzystywana jako nazwa elementu C
jest wykorzystywana jako nazwa klasy M
jako komentarz ograniczyć domyślnym jest EA
, który może być wywołany przez element komend i nazw atrybutów.