AngularJS-模块化

概念
基本书写格式

1.概念：

一个应用（APP，本身也是一个大模块）是由若干个模块（module）组成的，每个模块实现一个功能。利于代码的复用。

2.基本书写格式

<!DOCTYPE html><!-- 4.将应用模块绑定到任意标签，一般一个页面只绑定一个模块到最大的作用域 -->
<html lang="en" ng-app='App'><head><meta charset="UTF-8"><title>Document</title>
</head>
<body><!-- 5.将控制器绑定到视图上，这个div下就可以使用该控制器的数据 --><div ng-controller='myController'><h1>angular基本结构</h1><ul><li ng-bind='arr[0].name' ></li><li ng-bind='arr[0].age' ></li></ul></div>
</body><!-- 1.引入angular包 -->
<script src = 'angular.min.js'></script><script>//2.AngularJS对外暴露了一个全局对象angular，调用他的方法创建模块
//参数1：模块名称；参数2：此模块依赖的其他模块var app = angular.module('App',[]);// 3.用模块对象的方法去创建控制器app.controller('myController',['$scope',function ($scope) {// 4.$scope为模型对象，将数据绑定到他身上$scope.arr = [{name:'狗剩',age:'3'},{name:'铁柱',age:'2'}]}])
</script>
</html>

AngularJS-模块化相关推荐

angularjs 模块化
<!DOCTYPE HTML> <html ng-app="myApp"> <head> <meta http-equiv="C ...
中引入文件报错_关于前端开发中的模块化
前端开发离不开模块化,与模块化有关的关键字有以下几个: require/module.exports export/import define/require/exprots define/seajs ...
Web前端行业普遍底薪20K,还有项目提成,你达到了么?教你这一招
我想只要自己肯努力,工资越拿越高存够钱之后,买一栋房子在成都有自己的一席之地房子不用太大但是要把它装饰得很温馨然后买一辆车带上家人去旅游但是回过头来才发现我还在为工资涨了500高兴的时 ...
java p2p开发项目实战(完整)
|____课件.代码.资料 |____P2P项目截图及介绍 |____day16(分组实战) |____day15(分组实战) ...
详细讲解HTML5画布Canvas
因为在整理画布的知识点,结果发现了这个贼厉害的博客,参考原博客:https://blog.csdn.net/u012468376/article/details/73350998 学习HTML5 Ca ...
Angular基础教程
https://www.runoob.com/angularjs/angularjs-tutorial.html 教程文档基本上学完这些,你就能正常的开发项目了,注意是正常开发而不是架构阅读本教程 ...
AngularJS基于模块化的MVC实现
AngularJS基于模块化的MVC实现 <!DOCTYPE html> <html><head><meta charset="UTF-8" ...
AngularJS 杂项知识点
1.要用ngChange要同时使用ngModel,下拉选择获取当前选中值. 2.打包代替动态加载(js文件) requirejs真正的价值在于模块化,不是动态加载,angularjs本身有模块化机制, ...
angularjs 学习笔记简单基础
angularjs是谷歌公司的一个项目,弥补了hml在构建方面的不足,通过指令(directive)来扩展html标签,可以使开发者使用html来声明动态内容. angularjs主要用来开发单页应用 ...
基于angularJS和requireJS的前端架构
1.概要描述 1.1.angularJS描述:angularJS是可以用来构建WEB应用的,WEB应用中的一种端对端的完整解决方案.通过开发者呈现一个更高层次的抽象来简化应用的开发.最适合的就是用它来 ...

AngularJS-模块化

1.概念：

2.基本书写格式

AngularJS-模块化相关推荐

最新文章

热门文章