最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

angular1学习笔记,里面有angularjs中的viewmodel同步过程

来源:动视网 责编:小采 时间:2020-11-27 19:31:29
文档

angular1学习笔记,里面有angularjs中的viewmodel同步过程

angular1学习笔记,里面有angularjs中的viewmodel同步过程:这算是一篇个人对angularjs的理解笔记吧,这里有view model的同步过程,写给大家看看吧,现在就让我们一起进入本篇文章吧事情起源于在项目中遇到的一个小问题:项目中需要一个输入框输入卖出产品数量,并且在用户输入后根据输入数据计算手续费。很自然的我用
推荐度:
导读angular1学习笔记,里面有angularjs中的viewmodel同步过程:这算是一篇个人对angularjs的理解笔记吧,这里有view model的同步过程,写给大家看看吧,现在就让我们一起进入本篇文章吧事情起源于在项目中遇到的一个小问题:项目中需要一个输入框输入卖出产品数量,并且在用户输入后根据输入数据计算手续费。很自然的我用


从上面也可以看到其实一个变量的更新由view到model和model到view不止$formatters$parsers管道,那么还有哪些呢?

在查了一圈资料后找到一个很清晰的解释:https://stackoverflow.com/que...,大家其实只需要看问题的回答,问题实在太长了。。
这个回答中有个demo链接,我copy了一下并做了写小修改放在这个地址了:http://php.cn/course/47.html,这个demo很清晰的显示了变量更新的过程,细节就不再累述了,这里只把结果总结如下:
从model到view:
model值修改 ----> $formatters管道 ----> $render函数 ----> $validators ----> $watch函数

从view到model:
view值修改 ----> $setViewValue函数----> $parsers管道 ----> $validators ----> $viewChangeListener函数 ----> $watch函数
我们也可以直接调用$setViewValue函数去直接改变$viewValue 的值,流程会和上面一样。
注意在使用$setViewValue时一定要警惕参数是引用变量的情况,这个坑在上文也已经提到了。

本文没有具体介绍$formatters$parsers 管道,关于这部分可以参考文中给出的链接

好了,本篇文章到这就结束了(想看更多就到PHP中文网AngularJS使用手册中学习),有问题的可以在下方留言提问。

文档

angular1学习笔记,里面有angularjs中的viewmodel同步过程

angular1学习笔记,里面有angularjs中的viewmodel同步过程:这算是一篇个人对angularjs的理解笔记吧,这里有view model的同步过程,写给大家看看吧,现在就让我们一起进入本篇文章吧事情起源于在项目中遇到的一个小问题:项目中需要一个输入框输入卖出产品数量,并且在用户输入后根据输入数据计算手续费。很自然的我用
推荐度:
标签: 过程 学习
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top