Angular(三)
2024-08-30 11:38:45
Angular开发者指南(三)数据绑定
数据绑定
AngularJS应用程序中的数据绑定是模型和视图组件之间的数据的自动同步。 AngularJS实现数据绑定的方式可以将模型视为应用程序中的单一来源。 视图是模型在任何时候的投影。 当模型更改时,视图反映更改,反之亦然。
经典模板系统中的数据绑定
大多数模板系统仅在一个方向绑定数据:它们将模板和模型组件合并到一个视图中。 在合并发生后,对视图的模型或相关部分的更改不会自动反映在视图中。 更糟的是,用户对视图所做的任何更改都不会反映在模型中。 这意味着开发人员必须编写代码来不断地同步视图与模型和模型与视图。
AngularJS模板中的数据绑定
AngularJS模板工作方式不同。 首先,模板(它是未编译的HTML以及任何其他标记或指令)在浏览器上编译。 编译步骤生成实时视图。 对视图的任何更改都会立即反映在模型中,并且模型中的任何更改都会传播到视图。 该模型是应用程序状态的单一真实来源,大大简化了开发人员的编程模型。 你可以认为视图只是模型的即时投影。
因为视图只是模型的投影,所以控制器与视图完全分离,并且不知道它。 这使得测试成为一个快照,因为它很容易在没有视图和相关的DOM /浏览器依赖关系的情况下单独测试您的控制器。
最新文章
- [Modern OpenGL系列(四)]在OpenGL中使用Shader
- PB12.5.2安装
- 深入浅出SQL笔记1–数据和表
- PHP发送和接收POST数据
- Mysql的基础使用之MariaDB安装
- 用Intellij打可执行jar包
- Beta版本冲刺———第一天
- MapReduce从输入文件到Mapper处理之间的过程
- 【转】IT管理人才必备的十大能力
- ABAP FIELD-SYMBOLS 有大作用- 将没有可改参数的增强出口变得也能改主程序的值了
- [转]jquery.vTicker(垂直滚动)
- [五]SpringMvc学习-Restful风格实现
- JavaScript入门(7)
- C++简单工厂模式
- OpenRisc-39-ORPSoC,or1200的memory hierarchy整体分析
- Java图形化界面设计——布局管理器之BorderLayout(边界布局)
- HDU 1013.Digital Roots【模拟或数论】【8月16】
- PS 滤镜算法原理——染色玻璃
- 【[AHOI2013]差异】
- Pandas Series笔记