我尝试从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>
我不确定自己是否清楚,请问我是否了解任何事情。