Javascript AngularJS$http.get未加载数据
我试图从一个json文件加载数据,但当我试图通过$http.get访问时,它只是不加载,就好像文件不存在一样 这是my controllers.js: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) { $
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端点。谢谢你们,我检查了服务器中是否有问题,现在已修复。