Как назвать отложенное обещание?

Question

Это мой код

$scope.login = function(){ 
     $http.post(URL+'auth/login', {email:'dummy@gmail.com', password:'password'}).then(function(r){ 
      locker.put('token', r.data.token); 

      console.log(locker.get('token')); 
     }); 
    }; 


    $scope.one = function(){ 
     IngredientService.ingredients().then(function (response) { 
      var data = response.data; 
      locker.put('token', response.headers('Authorization').split(" ")[1]); 

      console.log(locker.get('token')); 
     }); 
    }; 

    var deferred = $q.defer(); 
    var promise = deferred.promise; 

    promise = promise.then($scope.login()).then($scope.one()); 

Я хочу войти(), когда имеет конец, я хочу, чтобы выполнить одну().

но почему мой one() начал работать до входа в систему()?

это сделал ошибку, потому что один() нужен маркер от входа()

Answer 1

Я хотел бы предложить, чтобы иметь два разных контроллера here..i.e. один для входа в систему позволяет сказать LoginController и другие, чтобы выполнить один() позволяет сказать HomeController

var app=angular.module('myApp',[]); 
app.controller('loginController',function($scope){ 
     $scope.login = function(){ 
     $http.post(URL+'auth/login', {email:'dummy@gmail.com', password:'password'}).then(function(r){ 
      locker.put('token', r.data.token); 

      console.log(locker.get('token')); 
     }); 
    }; 
}); 

app.controller('homeController',function($scope){ 
     $scope.one = function(){ 
     IngredientService.ingredients().then(function (response) { 
      var data = response.data; 
      locker.put('token', response.headers('Authorization').split(" ")[1]); 

      console.log(locker.get('token')); 
     }); 
    }; 
}); 

так, как только Войти делается маркер будет сохранен, а затем один() можно назвать Боте функции являются в другом контроллере, предполагая, что у вас есть выделенный просмотр для входа.

Надеется, что вы вызываете метод $ scope.login() где-то

ИЛИ

попробовать ниже:

$scope.login = function(){ 
     $http.post(URL+'auth/login', {email:'dummy@gmail.com', password:'password'}).then(function(r){ 
      locker.put('token', r.data.token); 

      console.log(locker.get('token')); 
      $scope.one(); 
     }); 
    }; 


    $scope.one = function(){ 
     IngredientService.ingredients().then(function (response) { 
      var data = response.data; 
      locker.put('token', response.headers('Authorization').split(" ")[1]); 

      console.log(locker.get('token')); 
     }); 
    }; 

Answer 2

Я думаю, что ваш логин и никогда нельзя назвать, потому что «обещание» никогда не будет разрешено.

Вы должны сделать, как показано ниже, пожалуйста, обратите внимание, что $ scope.login должен вернуть обещание, а затем он может быть привязан к «затем».

$scope.login = function(){ 
     return $http.post(URL+'auth/login', {email:'dummy@gmail.com', password:'password'}).then(function(r){ 
      locker.put('token', r.data.token); 

      console.log(locker.get('token')); 
     }); 
    }; 


    $scope.one = function(){ 
     IngredientService.ingredients().then(function (response) { 
      var data = response.data; 
      locker.put('token', response.headers('Authorization').split(" ")[1]); 

      console.log(locker.get('token')); 
     }); 
    }; 

    $scope.login().then($scope.one); 

Answer 3

Проблема заключается в том, что ваша функция входа в систему не возвращает обещание. Всякий раз, когда вы возвращаете что-либо помимо обещания, следующая функция запускается немедленно.

Попробуйте изменить функцию входа в систему, чтобы вместо этого вернуть вызов службы.

$scope.login = function(){ 
    $http.post(URL+'auth/login', {email:'dummy@gmail.com', password:'password'}).then(function(r){ 
     locker.put('token', r.data.token); 

     console.log(locker.get('token')); 
     return IngredientService.ingredients(); 
    }); 
}; 

Затем сделайте ваш звонок, чтобы начать цепочку, как это:

$scope.login().then(function(response) { 
    var data = response.data; 
    locker.put('token', response.headers('Authorization').split(" ")[1]); 

    console.log(locker.get('token')); 
}) 

Проверьте эту статью на обещания и цепочки:

https://www.airpair.com/angularjs/posts/angularjs-promises