Ionic3首次項目實踐記錄

Ionic3踩坑

1. 路由懶加載(lazy load)

如果設置了懶加載，就必須全部懶加載(包括TabsPage)，否則會出現路由跳轉後tabs消失的情況。

2. 通過ts來返回tabs的首頁：

註意必須通過this.app.getRootNav().setRoot(‘tabs‘);，不能到home，否則，tabs會消失。

參見stackoverflow | Issues

import { App } from "ionic-angular";

@IonicPage({ name: [page-name] })
@Component({
  ...
})

export class DemoPage {
  constructor(
    private app: App
  ) {  }

  goBack() {
    this.app.getRootNav().setRoot(‘tabs‘);
  }
}
 

3. 隱藏子路由裏面的tabs，可以通過配置app.module.tas裏面的 tabsHideOnSubPages: true實現：

@NgModule({
  declarations: [
    MyApp
  ],
  imports: [
    ...
    IonicModule.forRoot(MyApp, {
      tabsHideOnSubPages: true
    }),
    ...
  ],
  ...
}）

未完待續... Last updated by: Jehorn, June 17, 2018, 04:22 PM

Ionic3項目實踐記錄