发表于： 2017-05-08 22:54:02
1 923
今天完成的事情：
1、给app.js添加上懒加载。这样就不会出现昨天的问题。
2、对登录页的button添加ng-click事件，当点击时，获取双向绑定后的数据，并用$http请求登录接口
3、为整个登录页的form表单添加验证功能。
4、登录成功后利用$state.go跳转到后台页面。
明天计划的事情：
1、获取列表页接口数据。
2、通过ng-repeat等方法将数据渲染到页面上。
3、准备小课堂。
遇到的问题：
1、开始的时候对于$http请求时该如何传递数据不清楚。后来通过查找资料发现：
在使用$http传递参数的时候，使用data和params时效果是不同的。params作为url的参数，data作为消息体参数。
两种方法：// params: { name: $scope.username, pwd: $scope.userpwd }//get请求中使用，对于params一般用在GET请求中，不过我自己在如果在POST中使用好像暂时也没发现有什么问题，能正确传递到服务器并返回正确的信息。 Angularjs中，$http以post在消息体中传递参数，需要做修改，以确保消息体传递参数的正确性。使用data的话，如果直接传值的话是不行的的，需要将数据进行param（）处理，将其序列化，然后还要在后面加上headers的内容，这样就能正确传递过去。如下面代码data:$.param({
name: $scope.username,
pwd: $scope.userpwd
}),
headers: {'Content-Type': 'application/x-www-form-urlencoded'}
收获：
1、ui-sref、$state.go 的区别：
ui-sref 一般使用在html标签中；<a ui-sref="message-list"></a>
$state.go('someState')一般使用在 controller里面；
.controller('firstCtrl', function($scope, $state) {
$state.go('login');
});这两个本质上是一样的东西，ui-sref的源码中最后调用的还是$state.go()方法
2、学会了使用ng-messages来进行表单验证。
返回列表
评论