AngularJS模块详解及示例代码

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

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


@H_3010@<span style="color: #0000ff">Application Module - 用于初始化控制器应用程序


@H
3010@<span style="color: #0000ff">Controller Module - 用于定义控制器


@H
301_0@

应用模块

@H_301_0@mainApp.js

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

@H_301_0@

控制器模块

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

@H_301_0@使用模块

@H_301_0@mainApp.js

@H_301_0@ @H_301_0@studentController.js

@H_301_0@

输出

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

@H_301_0@

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

猜你在找的JavaScript相关文章