发表于: 2017-04-20 22:05:36
1 1230
今天完成的事情:由于任务7的原型图更改了 所以今天又弄了一个上午的css,发现bs很久没用生疏了很多。
明天计划的事情:完成任务7。
遇到的问题:1.将登录页面的传参方式改成了angular http,书写方式跟ajax稍微有点不同。
踩了好多坑,如果直接用data传餐的话,会接受不到,如果改成params传餐的话 会暴露账户名和密码,在二大的帮助下 加入了jq的$param();没想到jq还能混着angular一起用。
2,双向绑定。将提示信息绑定成果后,如果刷新页面 会瞬间出现一下我的表达式,解决方法是用ng-cloak。
ng-cloak 指令用于在 AngularJS 应用在加载时防止 AngularJS 代码未加载完而出现的问题。
AngularJS 应用在加载时,文档可能会由于AngularJS 代码未加载完而出现显示 AngularJS 代码,进而会有闪烁的效果, ng-cloak 指令是为了防止该问题的发生。
收获:学到了利用F12查看服务器传递回的参数,在第几层,自己的代码要与其对应。
ng-cloak指令。
$param()指令。
代码如下:
var myApp=angular.module('myApp', []);
myApp.controller("loginCtrl",function($scope,$http){
// $scope.username="";
// $scope.password="";
$scope.getValue=function(){
$http({
headers: { 'Content-Type': 'application/x-www-form-urlencoded' } ,
method:'post',
url:'/carrots-admin-ajax/a/login',
data:$.param({
name:$scope.username,
pwd:$scope.password,
}),
}).then(function successCallback(response) {
if (response.data.message=="success") {
location.href="../../../jstask6/index/routingpage.html"
}else{
$scope.warningText=response.data.message;
}
})
}
})
评论