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

错误

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

clipboard.png

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

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

clipboard.png

然后改过来就好了

改后效果

clipboard.png

学习

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

clipboard.png

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

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

clipboard.png

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

clipboard.png

之后我再输入内容

clipboard.png

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

猜想(未实现)

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

总结

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


户瑞彤
46 声望8 粉丝

引用和评论

0 条评论