AngularJS模块详解及示例代码

前端之家收集整理的这篇文章主要介绍了AngularJS模块详解及示例代码前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

应用模块

mainApp.js

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

控制器模块

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

使用模块

mainApp.js

studentController.js

输出

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

以上就是AngularJS模块相关知识的资料整理,后续继续补充相关知识,谢谢大家对本站的支持

猜你在找的JavaScript相关文章