初识Angularjs（一）

（邮箱：yxqpcphone@163.com   欢迎批评指正）

前言

Angularjs怎么说呢，这个东西也是刚刚接触不久，但是效果却是非常的显著。在静态页面上方便了很多。后来想了想，如果是JSP的话达到这样的效果基本上都是可以的，而且jsp有的Angularjs不一定能够实现呢。但是反过来想，如果只在静态页面上去实现功能，那么这个家伙可是一大助手。即使是在jsp里面使用Angularjs也是可以提高效率的。

简介

AngularJS是一款前端服务框架。它遵循软件工程的MVC模式，实现数据和逻辑组件之间的松耦合。为后端减轻负担，产生了更轻的web应用。

 Model:其实就是AngularJS的变量（$scope.xx）

View:视图，进行数据的呈现

Controller:操作数据，其实相当于方法，对数据进行增删改查。

个人理解

很多东西其实说来并不是不会用，只是搞不清楚它的思想到底是怎么回事，所以很多的东西用起来也是一知半解。即使很多东西你使用的比较熟练，但是时不时的还是会遇到棘手的问题，这就是因为搞不清楚使用的东西的思想到底是怎么回事。对于这个AngularJS我也只能简单的说说我个人的理解。毕竟这些东西都是大牛的多年智慧的结晶。岂是能被我分分钟窥探清楚的。

和传统的web应用相比较来说，它能够随用户的操作不断更新视图而不进行url跳转。当然在AngularJS官方也是声明了它更适合用于开发CRUD,也就是说数据操作比较多的应用，对于图像处理类的应用就相对比较弱了。为了实现这些，AngularJS引入了模板机制、数据绑定、模块、指令、依赖注入、路由等能够让我们摆脱繁琐的DOM操作，而将精力集中在业务上面。。

首先在AngularJS中要进行说明的就是模块Model，模块可以是官方声明自带的，也可以是我们自己进行定义的，在页面中声明了模块，也就是相当于说，我要在这个地方实现使用AngularJS的功能。（要注意的是在一个页面中只能使用一种模块（个人测试，实际情况未知））

其次就是控制器了，在这里AngularJS的控制器是用来进行业务处理的，在控制器里面改变数据，则在视图中也可以绑定修改数据，这个就是双向数据绑定了。（一个模块可以使用多个控制器）

最后我想说的是视图和控制器之间的数据交互了。它们之间是可以通过双向数据绑定，进行数据之间的交互了。

 

个人写的小实例github： https://github.com/LoulanGithub/AngularJS-Demo.git