javascript - javascript中的Promise，使用$q.defer后函数没有执行

Question

编辑:当我上次检查浏览器控制台时，我收到这样的错误。

TypeError: Cannot read property 'defer' of undefined

我需要调用一个 $http 请求，该请求提供可用于调用另一个 $http 请求的 token ，并最终提供所需的响应。 因此，我使用 Promise 使其同步工作。但是，该函数不会在 $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 中注入(inject)$q？

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

}]);

我不太明白为什么你要把 $q 传递给你的函数，你不需要这样做。 $scope.firstTimeAuth = function($q) {