Quantcast
Channel: Ionic Forum - Latest topics
Viewing all articles
Browse latest Browse all 70747

How to create multiple ion-slide containing ion-cards programmatically?

$
0
0

@agurrea wrote:

Hello I need your help as I’m a newbie to ionic. basically I want to achieve the following layout in my view template.

I have the following array of json objects that I wan’t to place in an ionic cards.

{
“data”: [{
“dataKey1”: “111”,
“dataKey2”: “aaa”,
“dataKey3”: “bbb”
},
{
“dataKey1”: “222”,
“dataKey2”: “ccc”,
“dataKey3”: “ddd”
},
{
“dataKey1”: “333”,
“dataKey2”: “eee”,
“dataKey3”: “fff”
},
{
“dataKey1”: “444”,
“dataKey2”: “ggg”,
“dataKey3”: “hhh”
}
]
}

Slider container: (must show the first two cards)
Note: that the content of each cards are taken from the JSON object array.

First two cards are stacked together in different rows (and so on…)

card1

card2

swiping the slider I should get another batch of cards

card3

card4

I really need your help guys.

Regards.
AJ

Posts: 1

Participants: 1

Read full topic


Viewing all articles
Browse latest Browse all 70747

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>