angularjs - Ionic v1 - 如何在 ion-slide-box 上显示动态测验问题并保存用户答案

问题描述

我正在开发 ionic v1 MCQ 测验应用程序并寻找如何在测验测试页面上显示问题的解决方案。已经尝试通过谷歌搜索，但没有找到完整的参考，然后决定在这里发布。在谷歌搜索上花了几个小时后，我才知道使用ion-slide-box可能是可行的，但不是 100% 肯定。

这是我的要求-

我使用 PHP/MySQL 作为 Rest API。所有问题都是 MCQ，只有 4 个选项，如果用户点击/单击当前问题答案的任何选项，将通过其余 API 保存用户答案并移至下一个问题（随机播放）。当用户点击/单击最后一个问题选项应用程序并导航到结果页面 $state.go(app.finish)。

我通过 PHP Rest API 获得的示例问题 JSON 数据 -

[
    {
      "id":"1",
      "title":"Grand Central Terminal, Park Avenue, New York is the world's",
      "options":
            [
              {"value": "largest railway station","iscorrectans":true},
              {"value": "highest railway station","iscorrectans":false},
              {"value": "longest railway station","iscorrectans":false},
              {"value": "None of the above","iscorrectans":false}
            ]
    },
    {
      "id":"2",
      "title":"Eighteen thousandths, written as a decimal, is",
      "options":
            [
              {"value": "0.0018","iscorrectans":false},
              {"value": "0.018","iscorrectans":false},
              {"value": "0.18","iscorrectans":true},
              {"value": "18","iscorrectans":false}
            ]
    },
    {
      "id":"3",
      "title":"Eighteen thousandths, written as a decimal, is",
      "options":
            [
              {"value": "0.0018","iscorrectans":false},
              {"value": "0.018","iscorrectans":false},
              {"value": "0.18","iscorrectans":true},
              {"value": "18","iscorrectans":false}
            ]
    },
    {
      "id":"4",
      "title":"Eighteen thousandths, written as a decimal, is",
      "options":
            [
              {"value": "0.0018","iscorrectans":false},
              {"value": "0.018","iscorrectans":false},
              {"value": "0.18","iscorrectans":true},
              {"value": "18","iscorrectans":false}
            ]
    },
    {
      "id":"5",
      "title":"Eighteen thousandths, written as a decimal, is",
      "options":
            [
              {"value": "0.0018","iscorrectans":false},
              {"value": "0.018","iscorrectans":false},
              {"value": "0.18","iscorrectans":true},
              {"value": "18","iscorrectans":false}
            ]
    }
  ]

标签： angularjsionic-frameworkionic-v1

angularjs - Ionic v1 - 如何在 ion-slide-box 上显示动态测验问题并保存用户答案

问题描述

解决方案

推荐阅读