/ / AngularJS Module - javascript, angularjs, module

Moduł AngularJS - javascript, angularjs, module

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 № 1

Zgodnie 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ć:

  1. 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");
  1. 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. :)