发表于: 2017-04-20 22:05:36

1 1231


今天完成的事情:由于任务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;

  }

})

}

})



返回列表 返回列表
评论

    分享到