Ionic 离子卡向x方向滚动

Ionic 离子卡向x方向滚动,ionic,horizontal-scrolling,Ionic,Horizontal Scrolling,我正在使用Ionic框架构建一个Android应用程序。我需要显示水平滚动的卡片。每张卡片将显示产品图像、产品标题、产品价格和按钮。我试着在x方向使用离子滚动,但卡片似乎不能在x方向滚动 我试过使用这个,但它似乎只能与离子窗格一起使用,我正在使用离子内容 与此同时,我找到了另一个解决方案- <div class="cardHolder"> <ul> <div>

我正在使用Ionic框架构建一个Android应用程序。我需要显示水平滚动的卡片。每张卡片将显示产品图像、产品标题、产品价格和按钮。我试着在x方向使用离子滚动,但卡片似乎不能在x方向滚动

我试过使用这个,但它似乎只能与离子窗格一起使用,我正在使用离子内容

与此同时,我找到了另一个解决方案-

<div class="cardHolder">
                <ul>
                   <div>
                        <img ng-repeat="feature in featured track by $index" ng-src="{{feature.featured_image.source}}" class="examplePic" >
</div>
             </div>

此解决方案的问题在于,我只能检索图像,而不能检索其他详细信息。

您应该查看ionic内置的
离子滚动条。你的代码看起来像这样。也检查这个例子

<ion-scroll direction="x">`
....your scrollable content here...
</ion-scroll>
`
…您的可滚动内容在此。。。
也检查这个

<ion-scroll direction="x">`
....your scrollable content here...
</ion-scroll>