用AngularJS的时候为何我读不到service中的数据？各种抓脑袋中

2013-12-30 11:26:56 173 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

AngularJS Service详解在 AngularJS 中，Service 是一个函数或对象，它封装了一组逻辑和数据。Service 可以被注入到控制器（Controller）或其他 Service 中，从而实现代码的复用和模块化。Service 可以是同步的，也可以是异步的，它可以在任何地方被调用。AngularJS Service 是一个强大的功能，它可以帮助我们创建可维护、可复用和可测试的代码。通过本文的讲解，相信你已经对 AngularJS Service 有了一个全面的认识。阅读详情

刚开始学AngularJS 跟着官网的Guide照葫芦画瓢，做一个问答的应用
后端已经测试过没问题了，service也能正确获取到服务器返回的json对象
但是module为何不能读取service中的数据？

AngularJS 版本为 1.2.4
部分html代码：



<div class="content" ng-app="quizapp">

  <div class="quiz_container" ng-controller="QuizCtrl as ctrl">

    <div class="question" ng-bind="ctrl.quizlist[ctrl.index].q">问题</div>

    <div class="opt" ng-repeat="a in ctrl.quizlist[ctrl.index].a" ng-bind="a" ng-click="ctrl.check($index)">选项</div>

  </div>

</div>

js：



angular.module('DataService',[])

  .factory('quizGetter', ['$http', function ($http) {

    var URL_PATTERN = "..."; //实际上填的是真实的地址

    var quizlist = [];

    getnew();

    return {

      quizlist:quizlist,

      getnew:getnew

    };

    function getnew(){

      var url = URL_PATTERN.

        replace('ARGLIST', grouplist.join(','));//生成URL

      return $http.get(url).success(function(data) {

        this.quizlist = data;

        console.log(this.quizlist); //获得到的数据正常显示了

      }).error(function(data, status, headers, config){

        console.log("Fail");

        this.quizlist = []

      });

    }

  }]);



angular.module('quizapp', ['DataService'])

  .controller('QuizCtrl',['quizGetter', function(quizGetter){

    this.index = 0;

    this.quizlist = quizGetter.quizlist;

    this.check = function(i){

      console.log("i = " + i + "  c = " + this.quizlist[this.index].c);

      if (i == this.quizlist[this.index].c) {

        console.log("correct!");

      }else{

        console.log("wrong!");

      };

      

      if (this.index >= this.quizlist.length - 1) {

        console.log("finish");

      }else{

        this.index ++;

      };

    };

    this.showlist = function(){

      alert(this.quizlist)

    }

  }]);