使用离子进行多项选择测试

时间:2015-07-25 04:21:11

标签: android angularjs ionic-framework ionic

我想用 离子 进行多项选择测试for android

我在哪里保存问题以及如何显示问题

如何理解用户选择正确的答案

你能帮我吗?

2 个答案:

答案 0 :(得分:1)

您应该将问题保存在与路线相关联的控制器中,并且您希望从中查看问题。这将来自quickstart的controllers.js文件。

判断用户是否选择正确答案的最简单方法可能是在每个答案上放置一个ng-click属性,该属性调用控制器中的一个函数来确定所选答案是否正确。

你应该从做一些angularjs教程开始,因为这是离子应用程序的基础。

祝你好运。

答案 1 :(得分:1)

您可以将问题保存为json格式,然后您可以从json文件中获取问题

有关更多信息,请使用此链接

»http://learn.ionicframework.com/formulas/backend-data/

»AngularJS: factory $http.get JSON file

»https://www.phase2technology.com/caching-json-arrays-using-cachefactory-in-angularjs-1-2-x/

例如

这是我的问题文件 JSON 格式

{

    "Questions": [


        {

            "QuestionsID" : "1", 
            "QuestionsTitle" : "question 1",
            "QuestionsText" : "which one is Answers?",
            "Answers1" : "i'm Answers",
            "Answers2" : "i'm not Answers",
            "Answers3" : "i'm not Answers",
            "Answers4" : "i'm not Answers",
            "TrueAnswers" : "Answers1"
        },


        {

            "QuestionsID" : "2", 
            "QuestionsTitle" : "question 2",
            "QuestionsText" : "which one is Answers?",
            "Answers1" : "i'm not Answers",
            "Answers2" : "i'm Answers",
            "Answers3" : "i'm not Answers",
            "Answers4" : "i'm not Answers",
            "TrueAnswers" : "Answers2"
        }

    ]

}

现在我可以从json文件中获取问题并保存在数组中然后使用此数组

这是角度代码

// Caching the river...
myApp.factory('myCache', function($cacheFactory) {
 return $cacheFactory('myData');
});

// Displays a list of articles in the river
myApp.controller('MyMain', ['$scope', '$http', 'myCache',
 function ($scope, $http, myCache) {
   var cache = myCache.get('myData');
   if (cache) {
     $scope.variable = cache;
   }
   else {
     $http.get('lib/Questions.son')
       .success(function(data) {
         $scope.variable = data;

         myCache.put('myData', data);
       }
    );
  }
}

现在可以使用$scope.variable

你的问题太笼统了,我认为最好去这个链接学习AngularJS https://www.codecademy.com/en/courses/learn-angularjs