이오닉 2의 공유 요소

Question

저는 이오니아로 놀아보기 시작했고 어떻게 퍼포먼스와 유연성이 네이티브와 비교되는지 보려고했습니다.

표준 사용 사례 중 하나는 슬라이더 메뉴 서랍과 탭이있는 툴바를 추가하는 것입니다.

안드로이드 네이티브 개발을 할 때 일반적으로 페이지를 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는 말한다 :이 목적에 완료로 글로벌 이온 네비게이션 바에을 만들 수있는 방법이있다

없습니다. 각 구성 요소에 대해 정의 된 탐색 모음이있는 점은 정확하게 이며 제목, navbar 배경색 (사용자가 변경 한 경우 )을 적절하게 애니메이션 할 수 있고 필요한 다른 속성에 애니메이션을 적용 할 수 있습니다.

그리고 이온 네비게이션 바의 HTML 코드를 중복되지 않도록하기 위해 사용자 정의 지시어를 만드는 방법에 대한

:

그 것이다 여전히 작동 방법 angular2 내용 프로젝션 CREAT 오류. 우리는 사람들이 이것을 을 시도 할 때 열어 놓은 몇 가지 문제점을 가지고 있으며 가장 좋은 대답은입니다.