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

希望这可以帮助。 :)