使用 then 和 catch in angularjs 时出错

Question

我正在尝试使用 Flask 作为后端并使用 AngularJS 作为前端来创建用户身份验证。但是我陷入了这个错误。下面是我正在使用的 Angular 代码。登录功能执行成功但也抛出以下错误。请帮助我解决 solving/figuring 这个问题。

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

  }

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

Answer 1

试试这个

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

使用 then 和 catch in angularjs 时出错

error using then and catch in angularjs

javascript

login

angularjs

angular-promise