AngularJS 模块

在 AngularJS 中，模块定义了一个应用程序。它是应用程序不同部分的容器，例如控制器、服务、过滤器、指令等。

模块用作 Main() 方法。控制器始终属于一个模块。

如何创建模块

angular 对象上的 module() 方法用于创建模块。它也称为 AngularJS 函数 angular.module。

这里，“myApp”指定了一个 HTML 元素，应用程序将在其中运行。

现在我们可以向 AngularJS 应用程序添加控制器、指令、过滤器等。

如何将控制器添加到模块

如果您想将控制器添加到您的应用程序，请使用 ng-controller 指令引用控制器。

请看这个例子

如何将指令添加到模块

AngularJS 指令用于为您的应用程序添加功能。您还可以为您的应用程序添加自己的指令。

以下是 AngularJS 指令列表

指令	描述
ng-app	它定义了应用程序的根元素。
ng-bind	它将 HTML 元素的内容绑定到应用程序数据。
ng-bind-html	它将 HTML 元素的内容绑定到应用程序数据，并从 HTML 字符串中删除危险代码。
ng-bind-template	它指定文本内容应被模板替换。
ng-blur	它在失去焦点事件上指定行为。
ng-change	它指定当用户更改内容时要计算的表达式。
ng-checked	它指定元素是否被选中。
ng-class	它在 HTML 元素上指定 CSS 类。
ng-class-even	它与 ng-class 相同，但仅对偶数行生效。
ng-class-odd	它与 ng-class 相同，但仅对奇数行生效。
ng-click	它指定在元素被点击时要计算的表达式。
ng-cloak	它可在应用程序加载时防止闪烁。
ng-controller	它定义了应用程序的控制器对象。
ng-copy	它在复制事件上指定行为。
ng-csp	它更改内容安全策略。
ng-cut	它在剪切事件上指定行为。
ng-dblclick	它在双击事件上指定行为。
ng-disabled	它指定元素是否被禁用。
ng-focus	它在获得焦点事件上指定行为。
ng-form	它指定一个要继承控件的 HTML 表单。
ng-hide	它隐藏或显示 HTML 元素。
ng-href	它为 元素指定 URL。
ng-if	如果条件为 false，则移除 HTML 元素。
ng-include	它在应用程序中包含 HTML。
ng-init	它为应用程序定义初始值。
ng-jq	它指定应用程序必须使用库，如 jQuery。
ng-keydown	它在 keydown 事件上指定行为。
ng-keypress	它在 keypress 事件上指定行为。
ng-keyup	它在 keyup 事件上指定行为。
ng-list	它将文本转换为列表（数组）。
ng-model	它将 HTML 控件的值绑定到应用程序数据。
ng-model-options	它指定了模型更新的方式。
ng-mousedown	它在 mousedown 事件上指定行为。
ng-mouseenter	它在 mouseenter 事件上指定行为。
ng-mouseleave	它在 mouseleave 事件上指定行为。
ng-mousemove	它在 mousemove 事件上指定行为。
ng-mouseover	它在 mouseover 事件上指定行为。
ng-mouseup	它在 mouseup 事件上指定行为。
ng-non-bindable	它指定在此元素或其子元素中不能发生数据绑定。
ng-open	它指定元素的 open 属性。
ng-options	它在 列表中指定 。
ng-paste	它在粘贴事件上指定行为。
ng-pluralize	它根据 en-us 本地化规则指定要显示的邮件。
ng-readonly	它指定元素的 readonly 属性。
ng-repeat	它为集合中的每个数据定义模板。
ng-required	它指定元素的 required 属性。
ng-selected	它指定元素的 selected 属性。
ng-show	它显示或隐藏 HTML 元素。
ng-src	它为 元素指定 src 属性。
ng-srcset	它为 元素指定 srcset 属性。
ng-style	它为元素指定 style 属性。
ng-submit	它指定要在 onsubmit 事件上运行的表达式。
ng-switch	它指定一个条件，用于显示/隐藏子元素。
ng-transclude	它指定了插入转录元素的点。
ng-value	它指定输入元素的值。

如何添加指令

请看这个例子

文件中的模块和控制器

在 AngularJS 应用程序中，您可以将模块和控制器放在 JavaScript 文件中。

在此示例中，“myApp.js”包含应用程序模块定义，“myCtrl.js”包含控制器。

请看这个例子

这里，“myApp.js”包含：

这里，“myCtrl.js”包含：

此示例也可以这样编写：