Question

我正在创建一个测验，每秒需要在30秒内回答，所以我想创建一个进度条来向用户显示。当30秒结束时，需要弹出警报，以便下一个问题出现。

有人知道如何从这开始吗？还是任何好的教程？我没有找到任何有趣的东西。

我的控制器代码如下所示：

lycheeControllers.controller('quizCtrl', ['$scope', '$http', function ($scope, $http) {
    $http.get('json/questions.json').success(function (data) {
        //all questions
        $scope.questions = data;

        //filter for getting answers / question
        $scope.ids = function (question) {
            return question.id == number;
        }

        $scope.buttonText = "Next question";

        $scope.next = function () {
            if (!(number == (data.length))) {
                if (number + 1 == (data.length)) {
                    $scope.buttonText = "Get results";
                }
                number++;
                if (correct == true) {
                    points++;
                }
                //alert(points);
            } else {
                alert("Quiz finished: your total score is: " + points);
            }
        }

        $scope.checked = function (answer) {
            //alert(answer.answer);

            if (answer.correct == "yes") {
                correct = true;
            } else {
                correct = false;
            }

            //alert(correct);
        }
    });
}]);

Answer 1

我对此非常感兴趣并且破解了一个解决方案，您可以将其用作起点。它已经相当完整，所以只需看看并获得灵感。

http://jsfiddle.net/rGWUR/7/

merry christmas :)

角度进度条控制器

1 个答案: