在 IOS 上的 Ionic 3.9.2 中绑定 text/form 时无法滚动

Question

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

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 模拟器上按预期工作。我错过了什么？

Answer 1

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

在 IOS 上的 Ionic 3.9.2 中绑定 text/form 时无法滚动

Cannot scroll when binding text/form in Ionic 3.9.2 on IOS

ios

ionic-framework

ionic3

angular