2016-03-23 11 views
1

私はページ上でトグルボタンをクリックしてクリックすると、現在のページビューが別のhtmlに変わります。Ionic2動的にビューを変更します

私は疲れて@Pageになりましたが、一度ロードされると、再び変更することはできません。

@Page({ 
    templateUrl: isTrue ? 'build/pages/detail/page-by-page-view.html' : 'build/pages/detail/chapter-by-chapter-view.html' 
}) 

答えて

2

@Page()は注釈である。 Angular2はコンポーネントのロード時にこれを処理します(技術的には@Page())。ゾーン変更の検出には含まれないため、変数を変更しても問題はありません。 applicationRef.tick()に電話した後でさえも。

ソリューションは、あなたのテンプレートファイル*ngIfディレクティブを使用してマージすることができ

+0

テンプレートを含むと '* ngIf'のための使用例がありますか? – Basit

+1

テンプレートを一つのファイルにマージし、 'page-by-page-view.html'の最初の一番上の要素に' * ngIf = "isTrue"を置き、もう一つの* ngIf = "!isTrue" ' – PierreDuc

+0

ああ...そうですね。 – Basit

関連する問題