AngularJS $ http.get没有加载数据

时间:2014-07-18 16:34:15

标签: javascript angularjs

我尝试从json文件加载数据,但是当我尝试通过$ http.get访问时,它只是不加载,就像文件不存在一样。

这是我的controllers.js:

angular.module('QuizQuestions.controllers', [])
   .controller('Preguntas', function($scope,$http) {
      $http.get('data/preguntas.json').success(function(data) {
        $scope.questions = data;
      });

      $scope.tags = [
        { text: 'just' },
        { text: 'some' },
        { text: 'cool' },
        { text: 'tags' }
      ];
 });

然后在视图中我尝试访问"标签"它完美地运行数据,但是当我尝试使用"问题"时,它是空的。如果我明确声明$ scope.questions而不是使用$ http.get调用文件,那么它就可以工作。

这里是我的部分问题:

<h1>Questions</h1>
<form class="form-horizontal" role="form">
  <div class="form-group">
    <label for="question" class="col-sm-1 control-label">Question</label>
    <div class="col-sm-6">
      <input type="text" class="form-control" id="question" placeholder="Question">
    </div>
  </div>
  <div class="form-group">
    <label for="tags" class="col-sm-1 control-label">Tags</label>
    <div class="col-sm-6">
        <tags-input ng-model="tags">
        </tags-input>
    </div>
  </div>
  <div class="form-group">
    <div class="col-sm-offset-2 col-sm-10">
      <button type="submit" class="btn btn-default">Send</button>
    </div>
  </div>
</form>
<div class="col-sm-8">
    <ul class="questions">
              <li ng-repeat="question in questions">
                <a href="#/questions/{{question.id}}">{{question.text}}</a>
              </li>
    </ul>
</div>

我不确定自己是否清楚,请问我是否了解任何事情。

0 个答案:

没有答案