举例讲解AngularJS中的模块_AngularJS

1. Application Module - 用于初始化控制器应用程序
2. Controller Module - 用于定义控制器

应用模块

在这里，我们已经声明使用 angular.module 功能的应用程序 mainApp 模块。我们已经通过了一个空数组给它。此数组通常包含从属模块。
控制器模块

studentController.js

在这里，我们已经声明采用studentController模块的mainApp.controller功能的控制器。
使用模块

..

在这里，我们使用 ng-app 指令和控制器采用ng-controller指令应用模块。我们已经在主要的HTML页面导入mainApp.js和studentController.js。
示例

下面的例子将展示上述所有模块。

testAngularJS.htm

 
 
 
 
 
 
AngularJS Sample Application
 
 

 
Enter first name:

 
Enter last name: 

 
Name: 
{{student.fullName()}}
 
Subject:

 

 

 
Name
 
Marks
 
 

 
{{ subject.name }}
 
{{ subject.marks }}
 
 
 
 
 
 
 
 

mainApp.js

输出

在Web浏览器打开textAngularJS.htm。看到结果如下。