zoukankan      html  css  js  c++  java
  • Angular 双向数据绑定

    Angular 提供双向数据绑定。

    在angular Controller的$scope中声明数据模型,在模板中进行绑定。angular会自动添加DOM事件,并在$scope发生改变时自动进行DOM操作.

    Angular的数据绑定特性,对于表单特别有用,可以在用户输入数据时实时提示有误或正确。

    scope在Angular中代表着数据模型,它是模板表达式的上下文.

    数据绑定会出现这些词,$watch,$apply,$digest, dirty checking

    1、每一个双向绑定的元素都有一个$watcher;

    2、在某些事件发生改变时,调用digest脏数据检查,这些事件包括:表单内容的变化,Ajax请求响应;

    3、脏数据检查会检查rootscope下所有被$watch的元素。

    Angular的dirty-checking机制

    ng只有在指定时间触发时,才进入$dirty cycle:

      DoM事件,比如用户输入文本,点击按钮(ng-click);

      XHR响应事件($http)

      浏览器Location变更事件($location)

      Timer事件($timeout,$interval)

      执行$digest和$apply

     点击按钮 ng-click

    会调用$apply,然后就会执行$digest循环,于是所有的$watch都会被检查。

    $apply 是$scope的一个函数,调用它会强制执行一次$digest循环(除非当前正在执行循环,这种情况下会抛出一个异常)

  • 相关阅读:
    VC++MFC对话框程序中给对话添加背景图片
    C++中的引用
    64位Ubuntu 13.04 安装Bochs 2.3.5
    笔记
    ORG 07C00H的意思
    编译三思
    《黑客与画家》笔记
    linux 2.6up的设备和设备驱动模型
    linux嵌入式系统驱动程序的阻塞与异步
    【转】PWM占空比和分辨率
  • 原文地址:https://www.cnblogs.com/WaTa/p/5753747.html
Copyright © 2011-2022 走看看