Ion-side-content with ion-list not working


#1

A nested ion-list seems to let ion-side-content stop working.

I’ve got the following code structure

<ion-side-menus>
    <ion-side-menu side="left" class="has-subheader">...</ion-side-menu>
    <ion-side-menu side="right" class="has-subheader">...</ion-side-menu>

    <ion-side-menu-content drag-content="false">
        <ion-view>
            <ion-content class="has-subheader">
                <ion-list>
                    <ion-item>...</ion-item>
                    ...
                </ion-list>
            </ion-content>
        </ion-view>
    </ion-side-menu-content>
</ion-side-menus>

How may I use the side-menus nested with a full height ion-list?
BTW: I’m using the nightly build


#2

If your nesting content inside the side-menu content, you should be using ion-nav-view.

Are you just putting simple content inside you menu-content? is is this a nested view?


#3

Hi mhartington!

I’ve got the following inside the elements:

**ion-side-menu-content: **Just a simple ion-list as in the example above. No nested views.
**ion-side-menu left: **Also a simple ion-list - no nested views either.
**ion-side-menu right: **Just multiple input-selects for setting a filter - also no nested views.

Any idea?


#4

Alright, well in that case, you don’t need the ion-view in the menu content. Take a look at this codepen.

The ion-view is meant to describe a view that will be nested inside a ion-nav-view


#5

Ahhh I think now I got what you meant:
I’ve got a surrounding ion-nav-view which loads the example code into it:

<ion-nav-bar class="bar-subheader bar-dark"></ion-nav-bar>
<ion-nav-view name="content" animation="slide-left-right-ios7"></ion-nav-view>

The example code of above is loaded into the ion-nav-view name=“content”

Any Idea why the ion-side-menu’s are not working?


#6

The example code was just to show how the ion-view worked. If you need an more in depth look at how the side menu functions with nested view, check out this codepen.

http://codepen.io/ionic/pen/tcIGK

This should cover all the basics about how to nest the views and load them up


#7

Updating to the latest nightly build has also solved this isse.
The side-menus are displayed now correctly.