在 IOS 上的 Ionic 3.9.2 中绑定文本/表单时无法滚动

Posted 2023-02-23

【中文标题】在 IOS 上的 Ionic 3.9.2 中绑定文本/表单时无法滚动

【英文标题】：Cannot scroll when binding text/form in Ionic 3.9.2 on IOS

【发布时间】：2019-10-03 12:22:10

【问题描述】：

我有一个标签栏应用程序，并且在我的最后一个标签上有帐户视图：

account.html：

<h2 ion-text text-center color="light" class="all-text" id="name" staticMember?.name</h2>

<ion-item [ngClass]="'lp-invalid-input': account.get('name').invalid && (account.get('name').dirty || account.get('name').touched)">
    <ion-input [formControl]="account.controls['name']" type="text"></ion-input>
</ion-item>

... Couple of more <ion-item>

account.ts：

constructor(...) 
        this.account = this.formBuilder.group(
            name: new FormControl('', [Validators.required]),
            email: new FormControl('', [Validators.required, Validators.email]),
            msisdn: new FormControl('', [Validators.required]),
            password: new FormControl(this.TEMP_PASSWORD),
            confirmPassword: new FormControl(this.TEMP_PASSWORD)
        );


ionViewDidEnter()
        this.statusBar.styleLightContent();
        let loading = this.loadingCtrl.create(
            content: 'Please wait...'
        );

        loading.present();

        this.http.get(Properties.API_URL + Properties.ACCOUNT_ENDPOINT).toPromise()
        .then((res) => 
            this.staticMember = JSON.parse(JSON.stringify(res.body));
            this.account.patchValue(res.body);
        )
        .finally(() => 
            loading.dismiss();
        );

当我第一次点击它时，我无法滚动。但是，当我更改选项卡并重新访问它时，我开始能够滚动。

当我第一次访问视图时，当我无法滚动时，如果我点击一个并聚焦它，我可以再次滚动。

这只发生在 ios 设备上。在 android 甚至 iOS 模拟器上按预期工作。我错过了什么？

【问题讨论】：

我认为控制台有一些错误，如果是，请您在此处发布

没有错误。有趣的是，它不会发生在 Simulator 或 Android 上，而只会发生在 iOS 上。

Unitl 您从 api 名称正确分配 staticMember 值在 html 中未定义

你能试试这个staticMember?.name

如果这仅在 iOS 上不起作用，那么我认为您应该提到这一点以便快速调试。

【参考方案1】：

显然这是一个已知的错误。 npm i ionic-angular@nightly 解决了这个问题。参考资料：

https://github.com/ionic-team/ionic-v3/issues/1005 https://github.com/ionic-team/ionic-v3/issues/1065