Angular⼊门案例⼀之创建module
Angular是⼀款优秀的前端框架，擅长做单页⾯应⽤程序（SPA）。Angular的介绍不过多阐述，本⽂以最基础的demo展⽰如何使⽤angular。
⼀、环境准备
1. 安装node.js 和 npm。安装过程简单，⽹上有很多安装教程，不过多阐述。安装node.js时会集成npm，所以安装node.js即可，⽆需再单独安装npm。
2. 使⽤npm下载angular.js⽂件到本地。不多说。
3. 准备⼀款适合⾃⼰的IDE;
⼆、如何将angular程序应⽤到HTML⽂件？
1. 在html页⾯通过script标签引⼊angular.js⽂件；
2. 创建⼀个AngularJS模块（module）；angular程序是⽤JavaScript语⾔编写的，所以angular程序需要书写在script标签内或外部js⽂件中，本例采⽤第⼀种⽅式。
3. 给HTML标签添加ng-app属性；
程序清单1：
1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="UTF-8">
5<title>hello, Angular!</title>
6<!-- 引⼊angular⽂件 -->
7<script src="angular.js"></script>
8<script type="text/javascript">angular和angularjs
9// app是创建好的angular模块
10// myapp是模块的名字
11var app = dule('myapp', []);
12</script>
13</head>
14<!-- 给body元素添加ng-app="myapp"属性表⽰该元素被myapp模块管理 -->
15<body ng-app="myapp">
16</body>
17</html>
案例详解：
1.  dule('模块名', ['模块依赖']);
该⽅法创建并返回⼀个模块，注意第⼆个参数是数组，表⽰该模块的依赖，该参数不能省略。如果省略了，则表⽰获取模块，
例如 var app = dule('myapp');  表⽰获取到myapp这个模块。如果所创建的模块（module）不需要依赖其他模块，写成空数组即可。
简⾔之，⼀个参数获取模块，两个参数创建模块。
2. 在body元素上添加ng-app指令（对HTML元素来说也是属性），表⽰body及其⼦元素会被myapp模块管理。ng-app是angular应⽤程序的边界。
浏览器见到该指令，就会调⽤angular机制来执⾏。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。