zoukankan      html  css  js  c++  java
  • angular学习(二)—— Data Binding

    转载请写明来源地址:http://blog.csdn.net/lastsweetop/article/details/51182106

    Data Binding

    在angular中。model和view组件之间的Data Binding是能够自己主动同步数据的。

    angular实现Data Binding的方法能够让你确信在你的应用中model是single-source-of-truth,view不过model的投影。当model改变时,view跟着改变,反之亦然。

    经典模板系统中的Data Binding

    这里写图片描写叙述
    大多数模板系统绑定的数据都是单向的,他们不过把template和model合并到view中。在合并之后对model进行变更并不会同步到view中,相同对view的更改也不会反映到model中。这意味着开发人员写不断的写代码来同步model和view。flush,reflush相似的代码没少写吧。

    angular模板中的Data Binding

    这里写图片描写叙述
    angular的模板系统则不同,template是被浏览器去编译的,编译这步会产生一个live的view。

    对view进行的不论什么更改会马上反映到model中,对model进行的更改也会马上反映到view中。

    model是应用程序的single-source-of-truth。极大地简化了开发人员的编程模型。你只把view当成model的瞬间投影就可以。

    由于view不过model的投影,那controller是全然和view隔离的对view毫无意识,这样就能够做单元測试了。由于能够非常easy与view。dom和浏览器全然隔离,单独測试controller。





    假设我的文章对您有帮助,请用支付宝打赏:

  • 相关阅读:
    StringTable
    TCP网络协议
    也说JVM内存区域
    JVM类加载
    java中的引用:强、软、弱、虚
    AQS
    vscode支持unicode编码
    设计模式简记-快速改善代码质量的编程规范
    擅事利器
    设计模式简记-通过重构增强代码可测试性实战
  • 原文地址:https://www.cnblogs.com/mfmdaoyou/p/7271870.html
Copyright © 2011-2022 走看看