Javascript AngularJS$http.get未加载数据

Javascript AngularJS$http.get未加载数据,javascript,angularjs,Javascript,Angularjs,我试图从一个json文件加载数据,但当我试图通过$http.get访问时,它只是不加载,就好像文件不存在一样 这是my controllers.js: angular.module('QuizQuestions.controllers', []) .controller('Preguntas', function($scope,$http) { $http.get('data/preguntas.json').success(function(data) { $

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

这是my 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的文件,那么它就可以工作了

这里是my partial questions.html:

<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>

我不确定是否足够清楚,如果您不明白,请询问我。

您是否在浏览器中调试了它以查看网络呼叫返回的内容?此外,在回调中,您需要调用$scope.$apply;我刚刚看到,它返回了一个500错误,我真的不明白为什么.500错误出现在服务器端,所以这可能不是一个角度特定的问题,尽管一些服务器端api需要特定的头/等。通过您的问题不知道。文件data/preguntas.json是否存在于与应用程序相关的路径中?在将API端点集成到应用程序之前,请尝试使用调试API端点。谢谢你们,我检查了服务器中是否有问题,现在已修复。