Javascript，AngularJS - 未正确分配全局变量

Question

范围变量 $scope.quizArray 在从控制器访问时显示为未定义。下面的代码块肯定是读取的，因为我之前已经在其中进行了测试。

 app.factory('getQuizService', function($http){
     return {
          getQuiz:function(videoId,scope){

          var $promise=$http.post("http://localhost/PHP/getQuiz.php", {'videoId': videoId});
                $promise.then(function(msg){

                          scope.quizArray = "TEST";

                        });
           }
     }
    });

控制器代码 - 服务被调用：

function getQuizList(){
       getQuizService.getQuiz(videoIdService.getId(),$scope);
       alert($scope.quizArray);
      }

但是警报产生的结果是“未定义”而不是“测试”

谁能看到我哪里出错了？任何帮助，将不胜感激。谢谢

Answer 1

你这样做是有原因的吗？ 看看下面的方法：

请参阅：http://docs.angularjs.org/api/ng/service/$q，了解有关承诺如何运作的更多信息。

例如，lib3d 指出的方法有效的原因：

then(successCallback, errorCallback, notifyCallback) – 无论承诺何时被解决或被拒绝，只要结果可用，就会异步调用成功或错误回调之一。使用单个参数调用回调：结果或拒绝原因。此外，在解决或拒绝承诺之前，可能会调用通知回调零次或多次以提供进度指示。

这个方法返回一个新的promise，它通过successCallback的返回值errorCallback来解决或拒绝。它还通过 notifyCallback 方法的返回值进行通知。无法通过 notifyCallback 方法解析或拒绝承诺。

代码：

app.factory('getQuizService', function($http){
 return {
      getQuiz:function(videoId,scope){

      return $http.post("http://localhost/PHP/getQuiz.php", {'videoId': videoId});

      //If you want to handle the promise here, you can include the $q service in your controller and do this:
      var deferred = $q.defer();
      $http.post("...").then(function(data) {
        //Special treatment here
        deferred.resolve(data)
      }, function(error) {
        deferred.reject(error)
      })

      return deferred.promise

      //As indicated by lib3d, you can directly do this as well:
      return $http.post("...").then(function(data) {
            //treatment
            return data
      }, function(error) {
            //error handling      
      });

 }
}).controller("Ctrl", function($scope, getQuizService) {

  getQuizService.getQuiz(1).then(function(data) {
    $scope.quizArray = data;
    //Code when everything goes ok,
  }, function(error) {
    //Code when everything goes false;
  })
})