Jestem nowy w AngularJS. Uczę się AngularJS. Znalazłem poniższą składnię.
var app = angular.module("myApp", ["ngRoute"]);
Oto moje pytanie: co to znaczy [] ten kwadratowy wspornik?
Jakie są funkcje / obowiązki myApp i ngRoute ?? Co oni tu robią ??
Które opcje są dostępne do użycia, takie jak ngRoute ??
Dużo szukałem w Google. Mam kilka przykładowych kodów. Ale nie mogłem uzyskać żadnych wyjaśnień dotyczących tych wszystkich rzeczy.
Thnanks
Odpowiedzi:
2 dla odpowiedzi № 1Zgodnie z kątem module
Przewodnik dla programistów znajduje się tutaj: https://docs.angularjs.org/guide/module
<div ng-app="myApp">
<div>
{{ "World" | greet }}
</div>
</div>
var myAppModule = angular.module("myApp", []);
- Odwołanie do modułu myApp w
<div ng-app="myApp">
. Właśnie to uruchamia aplikację przy użyciu twojego modułu. - Pusta tablica w
angular.module("myApp", [])
. Ta tablica jest listą modułów, od których zależy myApp.
Proponuję również przeczytać oficjalną dokumentację: https://docs.angularjs.org/api/ng/function/angular.module
2 dla odpowiedzi nr 2
Gruntownie [] oznacza listę modułów, od której zależy twój moduł.
Załóżmy, że piszesz moduł kątowy myApp to zależy ngRoute to kolejny moduł kątowy.
Korzyści wynikające z tego, że można wstrzyknąć wiele zewnętrznych modułów kątowych, które działają na różnych obszarach. Więc nie musisz wymyślać koła. Przez wstrzyknięcie ngRoute możesz łatwo uzyskać funkcjonalność routingu w swojej aplikacji.
Myślę, że opis, który piszę, pomaga ci jasno zrozumieć
2 dla odpowiedzi nr 3
W javascript możesz zdefiniować taką tablicę:
var arr = [];
temu []
tutaj jest taka sama jak []
w okolicy: "ngRoute" oznacza to, że drugi parametr angular.module()
Metoda jest tablicą.
można zdefiniować moduł, takiego jak również:
var app = angular.module("awesomeApp", ["ngRoute", "ngAnimate", "ngXXX"]);
pierwszy parametr "awesomeApp"
jest nazwą modułu, drugi param [ngRoute", "ngAnimate", "ngXXX"]
jest zależności modułu.
Tutaj zależność zapewni pewne interfejsy lub funkcji lub funkcje lub żadnych rzeczy, które pomogą Ci zrobić twój moduł działa jak Twoje oczekiwania.
0 dla odpowiedzi nr 4
Co można przekazać jako drugi argumentów jest listy zależności.
W podstawowych aplikacji, to byłoby po prostu pustą tablicę.
var app = angular.module("myApp", []);
Zasadniczo to może być cokolwiek, od 3-szy wtyczek, które można pobrać do innych wtyczek, które sam napisał do korzystania.Można znaleźć wiele wtyczek tutaj: http://ngmodules.org/
Ja "d zasugerować ty wobec przeczytać kątowe Oficjalne dokumenty.
0 dla odpowiedzi № 5
Ta składnia definiuje moduł.
var app = angular.module("myApp", ["ngRoute"]);
myApp
jest to nazwa aplikacji, jest to po prostu ciąg.
[ngRoute]
w nawiasach kwadratowych są moduły "d jak się wstrzyknąć (pojęcie Wstrzykiwanie zależności).Niektóre typowe może widzieliście lub zobaczy to ui.bootstrap
, restangular
, ui.select
itp.
Dwie rzeczy warto wspomnieć:
- Uważaj nie mieszać go z modułem odwołującego się do składni (bez nawiasy kwadratowe):
Definicja modułu
angular.module("myApp", []);
Odwołanie do modułu
angular.module("myApp");
- Zwykle to "s lepsze praktyki po prostu zapisać definicji modułu zamiast przypisanie do zmiennej, tak jak w
Definicja modułu
angular.module("myApp", []);
zamiast
var app = angular.module("myApp", ["ngRoute"]);
Więcej informacji znajdziesz w przewodniku po stylu Papa Johna.
https://github.com/johnpapa/angular-styleguide
Mam nadzieję że to pomoże. :)