87,996
社区成员




<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>
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)
}
}]);