Ionic v1 - Как отображать вопросы динамической викторины на ion-slide-box и сохранять ответы пользователя - PullRequest
Новая
       31

Ionic v1 - Как отображать вопросы динамической викторины на ion-slide-box и сохранять ответы пользователя

0 голосов
/ 29 марта 2019

Я работаю над приложением по тестированию ionic v1 MCQ и ищу решение для отображения вопросов на тестовой странице теста.Был уже пробовал искать через гугл но ничего не нашел полной ссылки на него потом решил опубликовать здесь.Потратив несколько часов на поиск в Google, я узнал, что это возможно с ion-slide-box , но не уверен на 100%.

Вот мои требования -

Я использовал PHP / MySQL для отдыха API.Все вопросы имеют MCQ только с 4 вариантами, и если пользователь нажмет / нажмет любую из опций для ответа на текущий вопрос, пользователь сохранит ответ через API остальных и перейдет к следующим вопросам (перемешать).Когда пользователь нажимает / нажимает на последний вариант приложения вопроса с переходом к странице результатов $ state.go (app.finish).

Образец вопроса в формате JSON, который я получаю через PHP Rest API - 

[
    {
      "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}
            ]
    }
  ]

1 Ответ

0 голосов
/ 29 марта 2019

Я сделал небольшой пример для вас в angularjs со свойством css transform, вы можете добиться большего успеха с помощью angular-animate, но это основа для вашего проекта, вы можете выбрать ответ, увеличить счет, изменить вопрос и получить страницу результатов.

Вам не нужен ионно-слайдерный бокс, чтобы делать то, что вы хотите.

пример

...