alanhe421 / ionic-demo

ionic-demo
http://1991421.cn/tags/ionic
4 stars 0 forks source link

ionic懒加载实现 #19

Open alanhe421 opened 7 years ago

alanhe421 commented 7 years ago

ionicv3已经支持模块懒加载,这样可以提升性能

alanhe421 commented 7 years ago

在ionic中,一个page就是一个module,然后通过nav导航实现懒加载 1.创建page ionic g page my 会生成page组件和page模块

@NgModule({
  declarations: [
    MyPage
  ],
  imports: [
    IonicPageModule.forChild(MyPage)
  ],
  entryComponents: [
    MyPage
  ]
})
export class MyPageModule {}
@IonicPage()
@Component({
  templateUrl: 'main.html'
})
export class MyPage {}

2.在需要的地方导航

@Component({
  templateUrl: 'another-page.html'
})
export class AnotherPage {
  constructor(public navCtrl: NavController) {}

  goToMyPage() {
    // go to the MyPage component
    this.navCtrl.push('MyPage');
  }
}

更详细说明看官方文档,点击这里