2016-11-04 21 views
1

私はカスタムページ遷移を作成しようとしています(navbarを縮小してアバターをその場所に移動しています)。ionicでカスタムページ遷移を追加する

この問題では、https://github.com/driftyco/ionic/issues/8186でページ遷移を簡単に追加できるようになりました。

this.config.setTransition('fade-transition', FadeTransition); 

私はこれを適切に使用する方法を知りたい:

しかし、サンプルコードと回答の終わりに、@NoNameProvidedは、このような移行を登録するにはapp.module.tsファイルを変更するとconfig.setTransitionは、this.configを使用するためにインポートする必要があるものが明確でないためです。

カスタムページの移行が完了したら、ブログ投稿を作成できるので、他の人がそれを行う方法を学ぶことができます。

ありがとうございます。

答えて

3

あなただけのAppModuleコンストラクタに

import { Config } from 'ionic-angular'; 

@NgModule({}) 
class AppModule { 
    constructor(private config: Config) { 
    this.config.setTransition('fade-transition', FadeTransition); 
    } 
} 
+0

感謝をConfigを注入することができます。それはConfig Docsではっきりしません:https://ionicframework.com/docs/v2/api/config/Config/ –

+0

私は実際にこれを理解するためにソースコードを掘り下げなければなりませんでした。ちょうどgithubに行って、リポジトリの 'setTransition'を探しました。それは' Config'につながりました:-) –

関連する問題