Ionic" Quiz App"

时间:2016-03-11 22:50:50

标签: javascript html ionic-framework

我是一个初学者,所以我对代码一点也不好,原谅我。

这是我的问题: https://github.com/SamuelChan123/QuizApp/tree/master/testApp3.11/www

我试图制作一个"测验应用程序"这基本上将从现场手册(类似于Excel)中获取信息......现场手册链接在这里:

https://api.fieldbook.com/v1/56be4f73bf3e5b030029d62a/quiz_app_q_a/1

我知道如何设置链接,以便一旦您点击一个按钮,它就会将您发送到另一个页面,但我不知道如何设置它以便它从字段簿中提取数据,以及当您单击时在右侧页面上,您将被发送到"更正"页面,如果你弄错了,它会显示一个"错误的"页。我怎样才能做到这一点?现在,我的现场手册有它,所以我对每个问题都有a1right,a2right等,但如何从错误的答案中确定正确答案? 我在这方面遇到了困难。提前谢谢!

这是一个代码示例:我有4个按钮,最后一个按钮,点击后,会带你进入"你是对的"页。我如何确定这将是哪一个,并从现场手册中提取信息,告诉我哪一个是正确的,这样我可以显示正确或不正确的页面?

 <ion-view>
    <ion-nav-title>{{film.question}}</ion-nav-title>
    <ion-content overflow-scroll="true" padding="true" class="has-header">
        <div>
            <button class="button button-full button-royal">
                {{film.a1}}
            </button>
            <button class="button button-full button-royal">
                {{film.a2}}
            </button>
            <button class="button button-full button-energized">
                {{film.a3}}
            </button>
            <button class="button button-full button-energized" ui-sref="answerTitle">
                {{film.a4}}<br>{{film.a4right}}
            </button>
        </div>
    </ion-content>
</ion-view>

1 个答案:

答案 0 :(得分:0)

几个月后,我终于明白了。 :)服务代码:

.factory(&#39; LaunchService&#39;,[&#39; $ http&#39;,&#39; $ q&#39;,功能($ http,$ q){

return {
    getLaunches:function() {
        var deferred = $q.defer();

        $http.get("https://api.fieldbook.com/v1/57573878f5d7a40300bcf093/launch_app/").then(function(res) {
            //console.dir(res.data.results);
            /*var results = res.data.results.map(function(result) {
                result.id = result.url;
                return result;
            });*/
            deferred.resolve(res.data);
        });
        return deferred.promise;
    },
    getLaunch:function(id) {
        var deferred = $q.defer();

        $http.get("https://api.fieldbook.com/v1/57573878f5d7a40300bcf093/launch_app/" + id).then(function(res) {
            //console.dir(res.data);
            deferred.resolve(res.data);
        });
        ionic.Platform.fullScreen(true, false);    
        return deferred.promise;

    }   
};

}]);