angularJS之基础知识(一)

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

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

  

  下一篇博客通过DEMO为大家讲解如何创建angular模块以及注册controller。

   

原文地址:https://www.cnblogs.com/sytsyt/p/3300021.html