发表于: 2017-04-19 22:07:59

2 1221


今天做了啥/收获

可能我还是需要一些概念上的输入,比如双向数据绑定、表达式、指令等等。

  1.理论介绍

  什么是双向数据绑定?既然号称双向数据绑定,重点肯定在“双向”上了,显然,有双向必有单向,那两者有何区别,先看下面两幅

单向绑定

  它们将模板和数据合并起来加入到视图中去,如图表中所示。合并完成之后,从图中的流向可以看出,任何对数据模型或者相关内容的改变都不会自动反映到视图中去。而且用户对视图的任何改变也不会自动同步到数据模型中来。这意味着,开发者需要编写代码来保持视图与模板、模板与视图的同步,无疑增加了开发的工作量。

  那么有没有可以自动实现这种双向机制的框架,有,请看:

  双向绑定

  AngularJS的数据绑定是数据模型(model)与视图(view)组件的自动同步。Angular的实现方式允许你把应用中的模型看成单一数据源。而视图始终是数据模型的一种展现形式。当模型改变时,视图就能反映这种改变,反之亦然。

这个例子很好地诠释了什么是双向绑定。

  首先在html中声明了两个标签:一个输入框<input>和一个段落标记<p>。

  显然采用了两种绑定的方式:{{}}和ng-model,但是功能都是数据绑定,与js文件中控制器中的greeting.text进行了绑定。所以,通过js中greeting.text的赋值会使得前台Html中input和p同时显示“Hello”

  这一步完成的是AngularJS的scope中的数据模型绑定了的前台View中,那么前台的数据变化是否会影响到数据模型,通过改变input中的值,我们得到结果

明天:完善任务7

问题:这块对于任务的需求有点乱。


返回列表 返回列表
评论

    分享到