Angular JS基础分享

来源：互联网发布：rib itwo软件下载编辑：程序博客网时间：2024/05/17 04:51

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的开发，我们大概分为这么几部：

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

0 0