无法水平滚动离子卡

Question

我想水平滚动离子卡组件，但这种方式无法正常工作。我已经尝试了Internet上的所有资源，但它不是水平滚动的。

这是我的代码。

<ion-scroll scrollX="true" style="width:100% ; height:400px">
    <ion-card nowrap *ngFor="let id of mydata" >
        <img src="assets/imgs/arpit.jpg"/>
           <ion-card-content>
                <ion-card-title>
                     {{id.name}}
                </ion-card-title>
            <p>
              {{id.regular_price}}
            </p>
           </ion-card-content>
    </ion-card>
</ion-scroll>

我得到的输出类似于下图。

Answer 1

尝试添加这种样式很容易link