2016-01-23 39 views
0

我想创建一个用户身份验证使用Flask作为后端和AngularJS作为前端。但我被困在这个错误。以下是我正在使用的Angular代码。登录函数成功执行,但也会引发以下错误。请帮我解决/解决这个问题。错误使用然后捕获在angularjs

'use strict'; 

var userModule = angular.module('userModule', ['userServices']); 

userModule.controller('LoginController', ['$scope', '$location', 'userAuth', function($scope, $location, userAuth) { 

$scope.login = function() { 
    console.log("username: " + $scope.email + ", password: " + $scope.password); 
    // userAuth.login($scope.username, $scope.password); 

    // initial values 
    $scope.error = false; 
    $scope.disabled = true; 

    // call login from service 
    userAuth.login($scope.email, $scope.password) 
    // handle success 
    .then(function() { 
    console.log('I am in then function'); 
    }) 
    .catch(function() { 

    }) 
}; 

}]); 

错误

TypeError: userAuth.login(...).then(...).catch is not a function 
at Object.$scope.login   (http://localhost:5000/static/js/controllers/user.js:28:13) 
at http://localhost:5000/static/lib/angular/angular.js:6365:19 
at Object.Scope.$eval (http://localhost:5000/static/lib/angular/angular.js:8057:28) 
at Object.Scope.$apply (http://localhost:5000/static/lib/angular/angular.js:8137:23) 
at HTMLFormElement.<anonymous> (http://localhost:5000/static/lib/angular/angular.js:13159:11) 
at http://localhost:5000/static/lib/angular/angular.js:1992:10 
at Array.forEach (native) 
at forEach (http://localhost:5000/static/lib/angular/angular.js:130:11) 
at HTMLFormElement.eventHandler (http://localhost:5000/static/lib/angular/angular.js:1991:5) 

和我的登录功能

function login(email, password) { 

// create a new instance of deferred 
var deferred = $q.defer(); 

// send a post request to the server 
$http.get('http://' + email + ':' + password + '@localhost:5000/api/login') 
    // handle success 
    .success(function (data, status) { 
    if(status === 200 && data.result){ 

     // print response 
     console.log('Response: ' + JSON.stringify(data)) 

     user = true; 
     deferred.resolve(); 
    } else { 

     // print response 
     console.log('Response: ' + JSON.stringify(data)) 

     user = false; 
     deferred.reject(); 
    } 
    }) 
    // handle error 
    .error(function (data) { 

    // print response 
    console.log('Response: ' + JSON.stringify(data)) 

    user = false; 
    deferred.reject(); 
    }); 

// return promise object 
return deferred.promise; 

    } 

我累了搜索,并搞清楚这个问题,但没有发现任何东西的。不知道出了什么问题:/ 任何帮助将不胜感激。

+0

显示取之于'userAuth.login()返回'。要么它不是一个承诺,或者你可能有一个旧版本的角度,不包括'catch'方法 – charlietfl

+0

我认为你可以删除.catch()并可以添加第二个错误回调然后 –

+0

我已经更新了我的角度版本。我已经删除了catch子句,这次我没有错误。谢谢。但它打印'错误未定义',这意味着我有一些东西在我的登录功能中断了。请看看它。我在我的文章中包含了我的登录功能。 –

回答

0

试试这个

userAuth.login($scope.email, $scope.password) 
.then(function() { 
    console.log('I am in then function'); 
}, 
function(error){ 
    console.log('Error', error); 
}) 
+0

谢谢,工作正常(y) –

相关问题