每周总结 3月2日

本周我简单学习了一下ng-model

错误

刚开始学习的时候我model打错了,打成了modle,但是页面上并不会报错,也不知道哪里有问题

《每周总结 3月2日》

这种什么都不显示的错误就很烦

后来,又看了一遍视频,发现是自己写的有问题,把model拼错了。

《每周总结 3月2日》

然后改过来就好了

改后效果

《每周总结 3月2日》

学习

这个能同步改数据的model让我感觉很神奇,就想多了解一下,然后看了看官方文档

《每周总结 3月2日》

这里面的第二句话,如果不存在变量,将会创建它,这个我又试了一下,发现这个功能很好用。

我将add.js中的data属性预设的变量全部删掉

《每周总结 3月2日》

然后现在V层的data已经变成了空

《每周总结 3月2日》

之后我再输入内容

《每周总结 3月2日》

发现其中输入内容的属性被自动创建出来了。

猜想(未实现)

我们是不是连前面的“用户名”,“姓名”等属性也变成可选择或者可直接输入的属性,然后实现多层属性的绑定效果呢。

总结

ng-model的功能很强大,以前在用thinkphp的时候,C层需要的数据都要V层提交才能获取,而这个却直接实现了双向绑定效果,
但是我现在用的还不够多,功能了解的还比较少。
本周学习的内容较少,所以有总结的不够的地方希望大家帮忙指正。

    原文作者:户瑞彤
    原文地址: https://segmentfault.com/a/1190000018369098
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞