How to put two ionic angular lists components next to each other?

Discussão em 'Angular' iniciado por Paul Hill, Maio 15, 2025.

  1. Paul Hill

    Paul Hill Guest

    I have two angular components which are scrollable lists, but they follow each other vertically on the page/screen. I want them side by side, but play well with Ionic?

    I tried wrapping them each in a < div >, but just a div with no class and no styling makes the lists disappear!

    The MMM components are each an < ion-list > in a < cdk-virtual-scroll-viewport > What do I do to work with the ion components in an ion content?

    <ion-content [fullscreen]="true" [scrollY]="false">
    <ion-header collapse="condense">
    <ion-toolbar>
    <ion-title size="large">Match Title (Content)</ion-title>
    </ion-toolbar>
    </ion-header>
    <!-- <div> don't wrap then each in a div then they disappear -->
    <mmm-facet-menu></mmm-facet-menu>
    <!-- </div> -->
    <!-- <div> -->
    <mmm-species></mmm-species>
    <!-- </div> -->
    <!-- <app-explore-container name="Match Content"></app-explore-container> -->
    </ion-content>


    This code fragment is from a newly generated tab sample app (note the < app-explore-container> )

    Continue reading...

Compartilhe esta Página