当前位置:Gxlcms > JavaScript > 举例讲解AngularJS中的模块_AngularJS

举例讲解AngularJS中的模块_AngularJS

时间:2021-07-01 10:21:17 帮助过:5人阅读

AngularJS支持模块化的方法。模块用于单独的逻辑表示服务,控制器,应用程序等,并保持代码的整洁。我们在单独的js文件中定义的模块,并将其命名为按照module.js文件形式。在这个例子中,我们要创建两个模块。

  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

mainApp.js

输出

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

201561794640977.png (644×450)

人气教程排行