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


#1

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