首页 > 解决方案 > Ionic ModalPage 内容隐藏在滚动条上,不知道为什么

问题描述

我有多个使用 . 打开的模态页面ModalController,但特别是其中一个显示出奇怪的行为。当用户单击/点击列表项(即用户列表)时,此模式打开,然后 ModalPage 显示单击的用户拥有的所有徽章。数据是从ionViewWillEnter函数内部加载的。

当我第一次单击用户并打开模式时,我可以滚动。但是当我关闭模式时,再次单击该用户,然后在页面上滚动所有内容都会被隐藏。当我第一次打开另一个页面时,然后返回用户页面并单击任何用户以打开模式页面,它再次起作用。但是,就像以前一样,当我关闭模式并为该用户重新打开它时,内容隐藏在滚动中。

用户(对象)作为 NavParam 传递。

任何熟悉这种行为的人?

我的打字稿文件(myApi 被注入到我的构造函数中并且也被定义为导入):

import {Component} from '@angular/core';
import {IonicPage, NavController, NavParams, ViewController} from 'ionic-angular';

@IonicPage()
@Component({
    selector: 'page-modal-user-badges',
    templateUrl: 'modal-user-badges.html',
})
export class ModalUserBadgesPage {
    user: any;
    badges: any;
    badgeCount: any;

    constructor(public navCtrl: NavController, public navParams: NavParams public viewCtrl: ViewController) {
        this.user = this.navParams.get('user');
    }

    ionViewWillEnter() {
        this.myApi.getBadgesForUser(this.user.id).subscribe((response) => {
            this.badges = response;
            this.badgeCount = this.badges.length;
        });
    }

    ionViewDidLoad() {
        console.log('ionViewDidLoad ModalUserBadgesPage');
    }

}

标签: typescriptuser-interfaceionic-frameworkscroll

解决方案


推荐阅读