невозможно прокрутить ионные карты по горизонтали

Question

Я хочу прокрутить компонент моей ионной карты по горизонтали, но он не работает таким образом.Я перепробовал каждый ресурс в Интернете, но он не прокручивается по горизонтали.

Вот мой код.

<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

Попробуйте добавить этот стиль легко ссылка