zoukankan      html  css  js  c++  java
  • 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。

       

  • 相关阅读:
    spring aop简单理解
    动态代理
    静态代理
    spring的i o c简单回顾
    java注解的概念理解
    Eclipse中配置Tomcat
    java中Optional和Stream流的部分操作
    java中的stream的Map收集器操作
    java中的二进制运算简单理解
    Class.forName和ClassLoader.loadClass区别(转)
  • 原文地址:https://www.cnblogs.com/sytsyt/p/3300021.html
Copyright © 2011-2022 走看看