在动态加载数据时调整离子大小

Question

我在离子内容中有一个离子导航视图.

我想动态地将数据加载到ion-nav-view中.

当动态加载数据到ion-nav-view时,它不会调整大小到内容高度,而是在带有滚动条的小div中加载.

<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 >

我正在从我的控制器将模板加载到"mydynview"中.

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 >

我从这里读到了有关调整大小的信息:http: //ionicframework.com/docs/api/directive/ionContent/

甚至那是行不通的.

帮助将受到高度赞赏.

Answer 1

该文件指出,你需要调用$ionicScrollDelegate.resize()"的内容已经加载之后."

由于您没有发布控制器,因此我无法评估.resize()在加载异步完成之前调用方法.

这是一种快速而又脏的方法,可以测试它是否是一个时间问题:$ionicScrollDelegate.resize()在$timeout一个500ms的延迟内调用.如果这样可以解决问题,那么您需要.resize()在内容加载完成之前调用,因此它没有完整的视图来准确计算新的大小.这不是解决方案; 这是一种诊断问题的方法.如果事实证明这是问题所在,那么你想要调用.resize()你的promise/callback /在你的模板完成加载时被触发的任何内容.