Angular JS基础分享

angularJS是google发布的一个基于javascript的MVVM框架,该框架与我们常用的jquery不同,两者的开发模式完全不一样。

jquery主要是简化了对DOM的操作以及事件绑定,但是依然还是直接操作DOM与事件绑定。

angularJS不在让用户操作DOM和事件,用于只需要关注JS与HTML的关系,并且实现HTML与JS的隔离,通过angularJS来实现粘合。

Angular JS我们称之为MVVM模式。MVVM被分为如下几个部分。

M-model:模型数据,与MVC中的M一致,在angularJS中体现为$scope上的各种属性和行为。


V-view  :视图,与MVC中的V一致,在angularJS中体现为HTML,用于展示给用户看的。


VM-viewModel:这是一个中间的事物,也就是我们上面所说的"502胶水",也就是我们的angularJS以及各种指令。

如何使用angularJS来进行APP的开发,我们大概分为这么几部:

  1. 导入angularJS的JS文件。  <script src="angular.min.js" type="text/javascript"></script>
  2. 引导。 通过在某个元素上配置ng-app来实现引导作用,告诉angularJS从开始需要angularJS来处理,如果ng-app没有配置值,则使用angularJS提供的默认的模块(module),否则使用用户创建的模块(module),模块的创建通过angular.module("moduleName",[])创建,具体使用见后面博客。
  3. 配置关系,如数据绑定(ng-model),指令的绑定(ng-click)等。<input ng-model="name" />

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值