Ionicでプロバイダを使用するときに要素を特定する方法

Question

following patternを実装した後、特定のページのみが固有のツールバーまたはヘッダーを持つことを望みます。 これはどのように作成できますか？プロバイダを挿入してそのページをスタンドアロンとして持つ必要はありませんか？

私はイオンに新しいですので、このような状況は、それエラー出

私の現在のコードは、私はこのように上ngIfを置くために、次の

<ion-content class="no-scroll"> 
     <ion-header *ngIf="page.pageName != 'MyPageWithUniqueToolbar'"> 
      <ion-toolbar color="primary" class="sub-header"> 
       <ion-title class="sub-header-titl1">{{ page.ToolbarTitle }}</ion-title> 
      </ion-toolbar> 
     </ion-header> 
     <ion-content class="no-scroll"> 
      <ion-nav class="content-body" [root]="rootPage" #content swipeBackEnabled="false"></ion-nav> 
     </ion-content> 
    </ion-content> 

試される十分に明確ではありませんが、あれば私に知らせてください

<ion-content *ngIf="page.pageName != 'MyPageWithUniqueToolbar'" class="no-scroll"> 

Answer 1

*ngIfを使用するには、この*ngIfを持つすべてのページコンポーネントに変数pageを定義する必要があります。別のヘッダーを表示するページでのみこれを定義すると、変数pageが定義されていない他のすべてのヘッダーでエラーが発生します。

このためクイックフィックスが最初に以下のように、変数のページが存在するかどうかを確認し、その後page.pageNameの値をチェックすることです：

<ion-header *ngIf="page && page.pageName != 'MyPageWithUniqueToolbar'"> 
    <ion-toolbar color="primary" class="sub-header"> 
     <ion-title class="sub-header-titl1">{{ page.ToolbarTitle }}</ion-title> 
    </ion-toolbar> 
</ion-header> 
<ion-content class="no-scroll"> 
    <ion-nav class="content-body" [root]="rootPage" #content swipeBackEnabled="false"></ion-nav> 
</ion-content> 

は覚えておいてください、あなたはで定義されたページ変数を必要とします成分、例えば

page = {pageName:'MyPageWithUniqueToolbar'}; 

は私が解決策を見つけ、それはいくつかのより多くの調査の後

Answer 2

に役立ちます願っています。トリックをしたこと、[隠さ]でngIfを置き換えることにより、以下を参照：

<ion-nav [hidden]="page.pageName === 'MyPageWithUniqueToolbar'" class="content-body" name="bodyHeader" [root]="state.bodyHeader.current" #bodyHeader swipeBackEnabled="false"></ion-nav>