ホームページ > ウェブフロントエンド > jsチュートリアル > ionic2 遅延読み込み構成の概要

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

巴扎黑
リリース: 2017-09-02 13:23:23
オリジナル
1416 人が閲覧しました

この記事では、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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート