发表于: 2017-04-24 21:56:46
1 1140
今天完成的事情:今天开始任务7的学习,上午在网上查看了许多关于如何实现利用angular.js双向绑定任务5登录页中input的值,最后发现,就是分别在每个input标签中添加一个ng-model属性,并赋予一个值就可以了。这样input中的值就和在js文件中定义的内容相一致了。后来对这个进行了实践。下午开始学习$http()的方法实现和js或者jquery的Ajax方法向后台接口获得数据。搞了很长时间才成功。晚上学习angular表单验证,还是没有看透,主要是自己写的demo没有实现要达到的效果。
明天计划的事情:搞定angular的表单验证。判定条件跳转到列表页,学习如何使用ng-repeat方法。
遇到的问题:
第一个,实现angular双向绑定的问题,看了很多,在菜鸟教程中也看来一两个案例,最后发现就是js控制input中内容,两个一致,有变都变的问题,只要在input标签中添加ng-model属性就可以,然后再js中的控制器中可以设置其中的初始内容,input的修改也影响js中设置的值。
第二个,下午看了很多$http()方法,但是总是感觉帖子上的案例不健全,后来也是跟师兄弟交流才知道怎么做,然后照着几个案例拼凑出这个方法是如何实现的,其中有个问题,在这里特别记录一下。在传输代码时,使用的是post,对应的使用data来向服务器提交数据,但是data是序列化的字符串,开始使用的{}对象没有能够把数据传输出去,在开发工具中的network中的login中最后可以看出区别,后来也是在网上搜相关的解决方法,发现是要使用函数或者jquery中$.param()的方法是要传输的数据成为序列化的字符串。这样才能解决问题。然后返回和以前方法一样的参数,提示在页面上。
收获:学会了双向绑定的知识点,对$http()的用法目前还有待进一步理解,因为这个方法的属性很多,知道的几个只是解决了目前的问题,希望以后还会更加深入的学习其中的东西!
评论