在javascript中的承诺，使用$ q.defer后函数不会执行

Question

编辑：当我最后一次在浏览器控制台中检查时，出现如下错误。

TypeError: Cannot read property 'defer' of undefined

我需要调用一个$ http请求，该请求给出了可用于调用另一个$ http请求的令牌，最后是所需的响应。 因此我使用的承诺，使其工作synchronously.However的功能没有得到的$q.defer()功能 继后执行的是我的代码：

$scope.firstTimeAuth = function($q) { 

    var deferred = $q.defer(); 
    var ref = window.open('https://accounts.google.com/o/oauth2/auth?client_id=' + clientId + '&redirect_uri=http://localhost/callback&scope=https://www.googleapis.com/auth/fitness.activity.write &approval_prompt=force&response_type=code&access_type=offline', '_blank', 'location=no'); 
    ref.addEventListener('loadstart', function(event) { 

     if((event.url).startsWith("http://localhost/callback")) { 
      requestToken = (event.url).split("code=")[1]; 

      $http({ 
       method: "post", url: "https://accounts.google.com/o/oauth2/token", 
       data: "client_id=" + clientId + "&client_secret=" + clientSecret + "&redirect_uri=http://localhost/callback" + "&grant_type=authorization_code" + "&code=" + requestToken 
       }) 
       .success(function(data) { 
         defer.resolve(true); 
         accessToken = data.access_token; 
         refreshToken = data.refresh_token; 
         alert("firstTimeAuth success"); 

         if(typeof(Storage) != "undefined") { 
          localStorage.setItem("refreshToken",refreshToken); 
          alert(localStorage.getItem("refreshToken")); 
         } else { 
          alert("Sorry, your browser does not support Web Storage..."); 
         } 

         //functions here 
        }) 
       .error(function(data, status) { 
         alert("ERROR: " + data); 
         defer.resolve(true); 
        }); 
       ref.close(); 
      } 
     }); 
    return deferred.promise; 
    } 

This is my second function

$scope.getAcessToken = function($q) 
    { 
    var deferred = $q.defer(); 
    alert("inside getAcessToken function"); 
    refreshToken = localStorage.getItem("refreshToken"); 

    if(refreshToken) 
    { 
     $http({ 
      method: "post", url: "https://accounts.google.com/o/oauth2/token", 
      data: "client_secret=" + clientSecret + "&grant_type=refresh_token" + "&refresh_token="+ refreshToken + "&client_id=" + clientId 
       }) 
     .success(function(data){ 
      accessToken = data.access_token; 
      alert("getAcessToken success" + accessToken); 
      deferred.resolve(true); 
     }) 
     .error(function(data,status){ 
     alert("ERROR: " + JSON.stringify(data) + status); 
     deferred.resolve(true); 
     }); 
    } 
    else 
    { 
     $scope.firstTimeAuth(); 
    } 
    return deferred.promise; 
    } 

and i call them like this.

alert("not installed"); 
     var lastSaved = $scope.getFirstEpochTime(); 


     //walkthroug 
     //Registe 



     $scope.firstTimeAuth().then(function(){ 
     alert("firstime done"); 
     $scope.getDataSets().then(function(){ 
      alert(" in the last block");/* 
      $scope.handleResponse().then(function(){ 
      $scope.insert().then(function(){ 
       $scope.select(); 
       }) 
      alert("done in installed"); 
      }) 
     */}) 
     }) 

请让我知道代码有什么问题。我对此很新，谢谢。

Answer 1

您是否首先在controller中注册$q。

angular.module('module.name').controller('ControllerName', 
     ['$scope', '$q', function ($scope, $q) { 

}]); 

我不是真的越来越为什么你传递$q你的功能，你不需要说是。 $scope.firstTimeAuth = function($q) {

Answer 2

通过为一个函数定义一个参数，您正在创建一个局部变量，该变量在外部作用域中隐藏具有相同名称的任何东西。在你的情况你定义：

$scope.firstTimeAuth = function($q) {} 

然后你在很多地方调用它像$scope.firstTimeAuth();。既然你不通过任何东西，$q在函数范围内将是未定义的。您应该只将它注入整个控制器作用域中，并删除作用域方法中指定的这些参数，以便它不隐藏注入的服务。

或者如果您因某种原因必须通过它们，请正确执行。