在Ionic 3中顯示多個大屏幕尺寸的頁面

Question

我正在用側面菜單和兩個離子選項卡構建一個簡單的應用程序。我所試圖做的是，當屏幕足夠寬，忘了標籤和並排打開兩個網頁面：

爲了使菜單可見，如果屏幕夠大，我使用：

<ion-split-pane when="lg">

並隱藏標籤：

TS文件：this.showTabs = platform.width() < 992;

然後，在HTML文件中，我只添加屬性：*ngIf="showTabs"

是否可以在離子內容中加載兩個頁面？任何替代方案？

任何幫助，將不勝感激！

Answer 1

好的，我找到了一個解決方案。如果有人遇到同樣的問題，我會在這裏發佈。

我們可以創建一個自定義組件有：

ionic generate component name-of-component 

的組件可以嵌入離子頁面內。要在頁面中使用它們，你就必須導入組件在.module.ts頁的然後使用HTML標記與組件的選擇名稱，Ivaro18提到：

<component-name></component-name> 

如果要使用延遲加載，則可以在組件文件夾內創建一個components.module.ts以充當所有自定義組件的索引。它看起來像這樣：

import { NgModule } from '@angular/core'; 
import { IonicModule } from 'ionic-angular'; 

import { Component1 } from './component1/component1'; 
import { Component2 } from './component2/component2'; 
import { Component3 } from './component3/component3'; 

@NgModule({ 
    declarations: [ 
     Component1, 
     Component2, 
     Component3 
    ], 
    imports: [IonicModule], 
    exports: [ 
     Component1, 
     Component2, 
     Component3 
    ] 
}) 

export class ComponentsModule{} 

然後，在Pages中，我們將導入ComponentsModule。這將允許我們延遲加載任何組件：

<component-2-selector></component-2-selector> 

希望這有助於！