Ion-content resizing when loading data dynamically


#1

i have an ion-nav-view inside ion-content.

i want to load data dynamically into ion-nav-view.

when loading data dynamically into ion-nav-view its not resizing to content height instead its loading in a small div with a scroll bar.

<ion-view view-title="My view">
    <ion-content class="padding">
    <div id="test">
        <a href="#">1</a>
        <a href="#">2</a>
        <a href="#">3</a>
     </div>
     <ion-nav-view name="mydynview">
     </ion-nav-view>
   <ion-content >
</ion-view >

i am loading a template into “mydynview” from my controller.

mytemplate.html:

<ion-view view-title="About">

<ion-content class="padding" delegate-handle="testhandle">
<!-- <ion-nav-view> -->

    <p ng-click="onlc()">test</p>
    <p ng-click="onlc()">test</p>
    <p ng-click="onlc()">test</p>
    <p ng-click="onlc()">test</p>
    <p ng-click="onlc()">test</p>
<!-- </ion-nav-view> -->
</ion-content >

I read about resizing from here: http://ionicframework.com/docs/api/directive/ionContent/

and even that is not working.

help will be highly appreciated.


#2

Here’s an example nav view with tabs posted on Codepen by calendee. It works well. You can strip it down to get rid of the tabs - but yes, ion-nav-view works fine.

Hope it helps.

~ Brad