ionic2 遅延読み込み構成の概要

この記事では、ionic2 の遅延読み込み設定の詳細な説明を主に紹介します。編集者が非常に優れていると考えたので、参考として共有します。編集者に従って見てみましょう。記事のタイトルはパート 1 で、現在はこのように構成できますが、その後の使用では変更される可能性があると説明されています。

ion-cli のデフォルト ホーム コンポーネントを例に挙げます。 home.module.tsファイルを追加

import { NgModule } from '@angular/core';
import { IonicPageModule } from 'ionic-angular';
import { HomePage } from './home';
@NgModule({
 declarations: [HomePage],
 imports: [IonicPageModule.forChild(HomePage)],
　exports: [HomePage]
})
export class HomePageModule { }

IonicPageの追加を中心にhome.tsを修正します。設定項目は公式ドキュメントを参照してください。

import { Component } from '@angular/core';
import { IonicPage } from 'ionic-angular';
@IonicPage()
@Component(... )
export class HomePage { ... }

app.component.ts を変更し、HomePage を「HomePage」に変更し、app.module.ts とインポート { HomePage } を '../pages/home/home' から削除します。これが必要な場合は、必要な場所で文字列参照を直接使用してください。

rootPage:any = 'HomePage';

ionicserve 次のようなファイルが表示されれば成功です。

以上がionic2 遅延読み込み構成の概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。