错误使用then并捕获angularjs

时间:2016-01-23 18:34:16

标签: javascript angularjs login angular-promise

我正在尝试使用Flask作为后端并将AngularJS作为前端创建用户身份验证。但我坚持这个错误。下面是我正在使用的Angular代码。登录功能成功执行但也会引发以下错误。请帮我解决/解决这个问题。

'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;

  }

我厌倦了搜索和解决这个问题,但没有找到任何东西。不知道出了什么问题:/ 任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:0)

试试这个

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