首页 文章

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

提问于
浏览 次
5

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

我想动态地将数据加载到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/

甚至那是行不通的 .

帮助将受到高度赞赏 .

ionic-framework ionic

1 回答

  • 6

    documentation表示您需要调用 $ionicScrollDelegate.resize() "after the content has loaded."

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

    这里's a quick and dirty way for you to test if it'是一个时间问题：在 $timeout 内调用 $ionicScrollDelegate.resize() ，延迟500ms . 如果这样可以解决问题，那么在内容加载完成之前，您正在调用 .resize() ，因此它不会解决问题 . 这是一种诊断问题的方法 . 如果事实证明这是问题所在，那么你想在你的promise / callback上调用 .resize() /在你的模板加载完毕后被触发的任何内容 .

    回复于

相关问题