如何在离子中创建民意调查应用程序?

时间:2018-02-10 16:47:53

标签: ionic-framework

我必须使用Ionic Framework创建一个民意调查应用程序。我对这个框架的了解有点受限,如果有人能帮助我,我会非常感激。

所有'琐事'事情已经完成。我的问题是动态创建民意调查。我知道该民意调查的主要结构。我甚至从服务器端应用程序获取该信息。但是,我无法弄清楚如何将该投票放在应用上,甚至如何存储给出的答案。

民意调查结构如下:

categories: [
    {
        category1_data,
        questions: [
            {
                question_data,
                answers [{answer1},{answer2},...]
            }, {question2}, ...
        ]
    }, {category2}, {category3}, ...
]

我想这可以通过重新加载某种自定义组件,并将给定的答案存储在页面的变量上来完成,但仍然没有任何关于如何显示该信息的线索。 PD:该组件应该显示整个'类别'每一次。

提前致谢!

2 个答案:

答案 0 :(得分:0)

你看过ng-for了吗? Ng-for允许您迭代json数据并显示数据。下面的例子重复了json数组中的项目。

例如:

<ul>
  <li *ngFor="let item of items; let i = index">
    {{i}} {{item}}
  </li>
</ul>

在您的情况下,您可以迭代您的类别json数组,显示每个问题和答案。

我希望这会有所帮助,如果您需要更详细的示例,请随时给我留言。

答案 1 :(得分:0)

看来你的问题有点模糊,缺乏关于你究竟遇到什么问题的细节。 无论如何,我会尝试提出一些建议。

  1. 从组件内部的服务器获取数据后,使用* ngFor在模板中显示轮询json。
  2. 获取轮询的用户输入并将其保存在本地(SQLite存储/ localstorage)或直接将数据发送到服务器,只需刷新组件以显示更新的轮询结果。
  3. 如果需要进一步澄清,请随时给我发消息。