2017-03-06 1 views
2

루트 HTML에 navbar를 설정하면 내 ion-navbar에서 제목을 동적으로 설정하는 가장 좋은 방법은 무엇입니까? 예 :ionic 2 - 동적 이온 제목

app.html 현재

<ion-header> 
    <ion-navbar> 
    <ion-title>{{some title here}}</ion-title> 
    </ion-navbar> 
</ion-header> 

<ion-nav [root]="rootPage" #content swipeBackEnabled="false"></ion-nav> 

<ion-footer> 
</ion-footer> 

, 나는 그것이 해당 HTML 파일에 자신의 이온 네비게이션 바의 각 구성 요소 뷰를 제공하고 있지만, 제목은보기 사이를 깜빡하고 나는 새로운 네비게이션 바이기 때문에이 생각 매번 생성됩니다.

조언이 도움이 될 것입니다.

Thaanks!

+0

이것은 비슷한 요구 사항이지만 정확히 동일하지는 않습니다. [** 여기 **] (http://stackoverflow.com/questions/42596458/how-can-i-detect-the-inner-html-change-in-a-div-with-angular-2/42596914# 42596914) – Aravind

+0

ionic2와 관련이 없지만이 방법을 사용하는 방법은 각 응용 프로그램 경로를 통해 메뉴 제목과 제목으로 매핑하는 모든 응용 프로그램 경로에 대해 프로젝션을 정의하는 것입니다. 그런 다음 상위 레벨 구성 요소에 액세스 할 수 있습니다. 그것이 이온 작용을 할 지 확신 할 수 없습니다. –

답변

1

현재, 난 당신이 ion-navbar을 처리하는 방법을 정확히 자사의 해당 HTML 파일

에 자신의 이온 네비게이션 바의 각 구성 요소 뷰를 제공하고 있습니다. 네비게이션 바를 포함하고 전체 앱에서 재사용 할 수 있도록 맞춤 구성 요소를 정의하려는 경우에는하지 마세요 (@martinington의 Ionic 팀이 this SO post에서 그 이유를 설명합니다).

<ion-header> 
    <ion-navbar> 
    <ion-title>{{ pageTitle }}</ion-title> 
    </ion-navbar> 
</ion-header> 
: 깜박임 문제를 해결하기 위해의 app.html 파일에서 ion-header을 제거하여 시도하고 단지 모든 페이지에 나서

<ion-nav [root]="rootPage" #content swipeBackEnabled="false"></ion-nav> 

을 남겨주세요에서

는, 적절한 제목과 헤더를 포함

+0

위대한 대답, 그리고 글로벌 이온 탐색 모음을 만드는 데 많은 시간을 소비하지 않는 것을 알았 으면 좋겠지 만 문제는 메뉴를 지속적으로 설정하지 않았습니다! – user2085143

+0

대답을 제 질문으로 받아들이는 것은 실제로 깜박 거리는 문제를 제거하는 대신 동적 이온 표제를 설정하는 방법이었습니다! – user2085143