angularJS是google发布的一个基于javascript的MVVM框架,该框架与我们常用的jquery不同,两者的开发模式完全不一样。
jquery主要是简化了对DOM的操作以及事件绑定,但是依然还是直接操作DOM与事件绑定。
angularJS不在让用户操作DOM和事件,用于只需要关注JS与HTML的关系,并且实现HTML与JS的隔离,通过angularJS来实现粘合,
我们可以把angularJS看出html与JS之间的胶水,sure,它可以是502,也可以使AB胶。
说到angularJS的模式,其实官网上叫MVC模式,但是这种模式和我们javaEE中的MVC模式不同,所以区分并且准确的描述angularJS的模式,
我们称之为MVVM模式。MVVM被分为如下几个部分。
M-model:模型数据,与MVC中的M一致,在angularJS中体现为$scope上的各种属性和行为。
V-view :视图,与MVC中的V一致,在angularJS中体现为HTML,用于展示给用户看的。
VM-viewModel:这是一个中间的事物,也就是我们上面所说的"502胶水",也就是我们的angularJS以及各种指令。
如何使用angularJS来进行APP的开发,我们大概分为这么几部:
- 导入angularJS的JS文件。 <pre><script src="angular.min.js" type="text/javascript"></script></pre>
- 引导。 通过在某个元素上配置ng-app来实现引导作用,告诉angularJS从开始需要angularJS来处理,如果ng-app没有配置值,则使用angularJS提供的默认的模块(module),否则使用用户创建的模块(module),模块的创建通过angular.module("moduleName",[])创建,具体使用见后面博客。
- 配置关系,如数据绑定(ng-model),指令的绑定(ng-click)等。<pre><input ng-model="name" /></pre>
下一篇博客通过DEMO为大家讲解如何创建angular模块以及注册controller。