Ionic 2中的共享元素

Question

我剛開始玩Ionic，並試圖瞭解它與本機相比的性能和靈活性。

其中一個標準用例是添加一個帶有滑塊菜單抽屜和選項卡的工具欄。

當您執行Android本機開發時，您通常會將頁面放入Fragments中，然後僅使用一個片段重新加載某個佔位符，使您的工具欄和選項卡視圖保持靜態。

但是，我所看到的所有離子示例都會在標籤視圖打開的每個頁面中重新實現一個工具欄（navbar）。

例如：

<ion-tabs> 
    <ion-tab [root]="page1" tabIcon="home"></ion-tab> 
    ... 
</ion-tabs> 

然後是page1是：

<ion-header> 
    <ion-navbar> 
    <ion-title>TITLE</ion-title> 
    </ion-navbar> 
</ion-header> 

<ion-content> 
    Welcome to page 1 
</ion-content> 

這ion-header出現在每一頁上。

是否可以使標題爲靜態，以便我不需要在每個頁面中重新實現它？ 我試圖將它添加到選項卡模板中，但沒有成功並隱藏了視圖。

Answer 1

就像你可以在this answer看到，@mhartington（從離子隊）說：

有沒有方法來創建一個全球性的離子導航欄，因爲這是在 目的完成。爲每個組件定義一個導航欄的目的是這樣的 ，我們可以適當地爲標題設置動畫效果，導航欄背景色（如果您更改它們，則爲 ）併爲需要的其他屬性設置動畫。

而且有關創建自定義指令，以避免重複離子導航欄的html代碼：

這將仍然是如何angular2內容投影 工作科瑞錯誤。 我們有幾個問題已經打開，當人們嘗試這個 和最好的答案是不要這樣做。