0

Angular JS Newbie：我得到了gapi is not defined因为sydney.userAuthed在加载 API 之前被调用。但我不明白为什么在sydney.auth创建控制器时调用该方法。页面加载时出现错误，没有用户交互。

calling auth api.js:22
ReferenceError: gapi is not defined
    at Object.sydney.userAuthed (http://localhost:8888/js/api.js:36:8)
    at Object.sydney.auth (http://localhost:8888/js/api.js:23:30)
    at new LoginController (http://localhost:8888/js/controllers.js:8:24)
    at invoke (http://localhost:8888/lib/angular/angular.js:2902:28)
    at Object.instantiate (http://localhost:8888/lib/angular/angular.js:2914:23)
    at http://localhost:8888/lib/angular/angular.js:4805:24
    at updateView (http://localhost:8888/lib/angular/angular-ui-router.js:931:30)
    at <error: illegal access>
    at Object.Scope.$broadcast (http://localhost:8888/lib/angular/angular.js:8307:28)
    at $state.transition.resolved.then.$state.transition (http://localhost:8888/lib/angular/angular-ui-router.js:747:20) angular.js:5754
OAuth2 API loaded api.js:13

我将 a 定义state为ui-router：

myapp.config(function($stateProvider, $routeProvider) {

    $stateProvider.state('signin', {
        url : "/", // root route
        views : {
            "signinView" : {
                templateUrl : 'partials/signin.html',
                controller: 'LoginController'
            }
        },
    })

控制器定义为：

function LoginController($scope, $state) {
  $scope.auth = sydney.auth($state);
}

sydney.auth方法用于使用Google APIs Client Library for JavaScript.

var sydney = sydney || {};

sydney.auth = function($state) {
    console.log("calling auth");
    sydney.signin(false, sydney.userAuthed($state));
}

sydney.signin = function(mode, callback) {
      gapi.auth.authorize({client_id: sydney.CLIENT_ID,
        scope: sydney.SCOPES, immediate: mode,
        response_type: 'token id_token'},
        callback);
      console.log("signin called");
}

sydney.userAuthed = function($state) { 
      var request =
          gapi.client.oauth2.userinfo.get().execute(function(resp) {
        if (!resp.code) {
          var token = gapi.auth.getToken();
          token.access_token = token.id_token;
          gapi.auth.setToken(token);
          // User is signed in, call my Endpoint
          gapi.client.realestate.owner.create().execute(function(resp) {
              alert("Signed In");
              $state.transitionTo("signedin");
            });
        }
      });
    }

编辑

正确的答案是定义$scope.auth为一个函数：

function LoginController($scope, $state) {
  $scope.auth = function() { 
      sydney.auth($state);
  }
}
4

1 回答 1

1

看来您要做的是使该sydney.auth功能在您的范围内可用。如果是这样，您应该将您的更改LoginController为：

function LoginController($scope, $state) {
  $scope.auth = sydney.auth;
}

您的代码所做的是调用该sydney.auth函数并将$scope.auth其设置为返回值，这不是我认为您想要的。

于 2013-06-29T18:18:36.657 回答