AngularJS模塊

Question

我是AngularJS的新手，正在學習AngularJS。 我發現下面的語法。

var app = angular.module('myApp', ['ngRoute']);

這是我的問題是[]這個方括號是什么意思？

myApp和ngRoute的功能/職責是什么？ 他們在這里做什么？

可以使用哪些選項，例如ngRoute ？

我在Google搜索了很多東西。 我有幾個示例代碼。 但是無法獲得關於所有這些事情的任何解釋。

謝謝

Answer 1

根據在此處找到的angular module開發人員指南： https : //docs.angularjs.org/guide/module

<div ng-app="myApp">
    <div>
        {{ 'World' | greet }}
    </div>
</div>


var myAppModule = angular.module('myApp', []);

• <div ng-app="myApp">對myApp模塊的引用。 這就是使用您的模塊引導應用程序的內容。
• angular.module('myApp', [])的空數組。 此數組是myApp依賴的模塊的列表。

---

我建議您也閱讀官方文檔： https : //docs.angularjs.org/api/ng/function/angular.module

Answer 2

基本上[]表示模塊列表，您的模塊取決於該列表。

假設您編寫了一個角度模塊myApp ，該模塊依賴於另一個角度模塊ngRoute 。

這樣的好處是您可以注入許多在不同區域工作的第三方角度模塊。 因此，您不必重新發明輪子。 通過注入ngRoute，您可以輕松地在應用程序中獲得路由功能。

我認為我寫的描述可以幫助您清楚地理解

Answer 3

在javascript中，您可以定義如下數組：

var arr = [];

在[]這里是一樣的[]圍繞“ngRoute”，這意味着第二參數angular.module()方法是一個數組。

您也可以定義如下模塊：

var app = angular.module('awesomeApp', ['ngRoute', 'ngAnimate', 'ngXXX']);

第一個參數'awesomeApp'是模塊的名稱，第二個參數[ngRoute', 'ngAnimate', 'ngXXX']是模塊的依賴項。

在這里，依賴項將提供一些接口，功能或特性，或任何有助於您使模塊按預期工作的東西。

Answer 4

作為第二個參數傳遞的是依賴性列表。

在基本應用中，只是一個空數組。

var app = angular.module('myApp', []);

基本上可以是任何東西，從您下載的第三方插件到您自己編寫使用的其他插件。 您可以在此處找到大量插件： http : //ngmodules.org/

我建議你閱讀有角度的官方文件 。

Answer 5

此語法定義一個模塊。

var app = angular.module('myApp', ['ngRoute']);

myApp這是應用程序的名稱，這只是一個字符串。

方括號內的[ngRoute]是您要注入的模塊（依賴項注入的概念）。 您可能已經看到或將會看到的一些常見的東西包括ui.bootstrap ， restangular ， ui.select等。

值得一提的兩件事：

1. 請注意不要將其與引用語法的模塊混淆（沒有方括號）：

模塊定義

angular.module('myApp', []);

模塊引用

angular.module('myApp');

2. 通常，更好的做法是簡單地寫出模塊定義，而不是將其分配給變量，如

模塊定義

angular.module('myApp', []);

代替

var app = angular.module('myApp', ['ngRoute']);

您可以查看Papa John的風格指南以獲取更多信息。

https://github.com/johnpapa/angular-styleguide

希望這可以幫助。 :)