Question

我遇到了一个无法解决的奇怪错误。

当我导航至选项卡2时，页面将按预期运行。然后，如果我导航回选项卡1，然后返回至选项卡2，则我的元素现在在滚动时消失。这种情况仅在ios上发生，无论我将哪个组件设置为选项卡2，都会发生这种情况。

（这些组件在选项卡一上工作正常，从而消除了作为组件的问题）

我使用的是一种非常典型的标签布局，我将在下面发布。任何帮助将不胜感激。

Component:
import { Component } from '@angular/core';

import { HomeComponent } from '../../home/home-component/home.component';
import { FirebaseHomeComponent } from '../../firebase/firebase-home/firebase-home.component';



@Component({
  templateUrl: 'tabs.html'
})
export class TabsComponent {
  // this tells the tabs component which Pages
  // should be each tab's root Page
  tab1Root: any = HomeComponent;
  tab2Root: any = FirebaseHomeComponent;

  constructor() {

  }
}
HTML:

<ion-tabs>
  <ion-tab [root]="tab1Root" tabTitle="{{'HOME' | translate}}" tabIcon="home"></ion-tab>
  <ion-tab [root]="tab2Root" tabTitle="{{'PROFILE' | translate}}" tabIcon="contact"></ion-tab>
</ion-tabs>

Module:

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { SharedModule } from '../../app/shared/shared.module';
import { TabsComponent } from './tabs-component/tabs.component';

@NgModule({
  declarations: [
    TabsComponent
  ],
  imports: [
    CommonModule,
    SharedModule
  ],
  exports: [
    TabsComponent
  ],
  entryComponents:[
    TabsComponent
  ]
})
export class TabsModule {}

Ionic Framework: 3.2.0
Ionic app script: 3.0.0
Angular core: 4.1.0
angular compiler cli: 4.1.0
node: 8.9.0

Answer 1

https://github.com/ionic-team/cordova-plugin-ionic-webview

答案是安装此插件。像魅力一样固定。我被困了15天，找不到任何解决方案，希望对您有所帮助。

元素仅在滚动式ios上消失

1 个答案: