如何使用离子angularjs制作动态视图

Question

我正在为我的新应用程序使用Ionic框架。

我有一个问题，我想知道如何以dynimacally方式插入视图。

我向服务器发出请求新闻的请求，JSON中的响应如下：

{
"title":"news 1",
"image":"http://www.server.com/news_image1.png",
"description":"news_description"
},
{
"title":"news 2",
"image":"http://www.server.com/news_image2.png",
"description":"news_description"
},
{
"title":"news 3",
"image":"http://www.server.com/news_image3.png",
"description":"news_description"
}

我想以动态方式将数据插入到离子视图中，并且能够在新闻之间滑动，如下图所示：

所以，如果你只是想知道怎么可能呢！

Answer 1

您可以执行幻灯片框并使用ng-repeat动态创建幻灯片。虽然如果你正在制作一堆幻灯片，我会使用收集重复。在这里查看幻灯片框http://ionicframework.com/docs/api/directive/ionSlideBox/。和ng-repeat和collectio-repeat here https://docs.angularjs.org/api/ng/directive/ngRepeat，http://ionicframework.com/docs/api/directive/collectionRepeat/