異なるページを同じページに表示

Question

私はIonic2プロジェクトのページを持っています。ユーザーがボタンを押したときに他のものを表示したいのですが、それはbooleansで作ったのですが、それが良いかどうかわかりません。私はの私の.htmlにplentlyを持っているので、別のページを作成しないで、.htmlコードを変更せずに、ビューを変更するにはどうすればよいのでしょうか？ ...

私はbooleansでこれまでに使用されるが、今、私は私の<ion-header>、<ion-content>に、私の<ion-footer>上のコンポーネントを持っていると私はすべてのコンポーネントに*ngIfをしたくないということに直面しました

私は> = Angular2および> = Ionic2

いくつかのコードを使用してい

、私はそれが大規模な静かなので、私のすべてのコードを入れていませんので、私は、多かれ少なかれ、どのように私はstructuratedていないコードを置く：

<ion-header> 
    <ion-navbar> 
    <ion-title *ngIf="view1">{{title}}</ion-title> 
    </ion-navbar> 
<p *ngIf="view1">SomeMoreStuff</p> 

</ion-header> 

<!-- view 1 --> 

    <div *ngIf="view1"> 
     <!-- more stuff --> 
    </div> 


</ion-content> 
<ion-footer *ngIf="view1"> 

</ion-footer> 

は今、私はview2と呼ばれる別のbooleanが異なるfooter、ion-title、等...

Answer 1

ラップコンテナ内の全景

<ng-container *ngIf="view == 'view1'"> 
<!-- view 1 goes here --> 
<ng-container> 

<ng-container *ngIf="view == 'view2'"> 
<!-- view 2 goes here --> 
<ng-container> 

異なるビュー間で共有している場合は部品、どちらか続ける示さなければなりませんそれらを<ng-container *ngIf="...">の外に置くか、再利用可能なコンポーネントに移動して必要な場所に追加します。