12、AngularJS 模块与自定义过滤器全解析

AngularJS 模块与自定义过滤器全解析

一、AngularJS 模块基础

1.1 模块概述

在开发中，将所有代码都放在 HTML 文件的控制器里并不是一个好的做法，这种方式通常只适用于小型应用和演示。AngularJS 模块是控制器、指令、过滤器、服务和其他配置信息的集合。 angular.module 是进入模块 API 的入口，用于注册、创建和检索 AngularJS 模块。

1.2 创建模块示例

以下是创建一个名为 myAppModule 的模块的代码：

// Create a new module
var myAppModule = angular.module('myAppModule', []);

这里我们使用 angular.module 方法创建了一个模块，并将返回的对象引用存储在变量 myAppModule 中。传入的空数组表示该模块没有依赖项。

1.3 配置模块

我们可以为模块配置自定义过滤器和控制器。

1.3.1 配置过滤器

// configure the module with a filter
myAppModule.filter('stripDashes', function() {
    return function(txt) {