<!DOCTYPE html>
<html ng-app="myApp">
<head>
<title>AngularJS 模块实例</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.0/angular.min.js"></script>
</head>
<body ng-controller="myCtrl">
<h2>AngularJS 模块实例</h2>
<!-- 使用 ng-bind 指令将模型的值绑定到视图 -->
<div ng-bind="greeting"></div>
<script>
// 创建一个 AngularJS 模块
var app = angular.module('myApp', []);
// 在模块中定义控制器
app.controller('myCtrl', function ($scope) {
// 在控制器中定义模型
$scope.greeting = 'Hello, AngularJS!';
});
</script>
</body>
</html>
在这个例子中，我们创建了一个名为 myApp 的 AngularJS 模块。模块的创建通过 angular.module 方法完成，它接受两个参数，第一个参数是模块的名称，第二个参数是一个数组，用于定义模块的依赖关系。
然后，我们在模块中定义了一个名为 myCtrl 的控制器。控制器是一个 JavaScript 函数，它接受一个 $scope 参数，用于在视图和控制器之间建立联系。在这个控制器中，我们给 $scope 对象添加了一个属性 greeting，并将其值设置为 'Hello, AngularJS!'。
最后，我们使用 ng-bind 指令将模型的值绑定到视图，从而显示在页面上。
这只是一个简单的 AngularJS 模块的实例，实际的应用中，你可能会定义多个模块、多个控制器，使用服务、指令等更多的功能来构建复杂的应用。请注意，AngularJS 已经进入维护模式，推荐使用现代的 Angular 版本进行开发。
转载请注明出处：http://www.pingtaimeng.com/article/detail/4877/Angular