2016-07-08 1 views
2

ngrx/routerを使用するAngular2アプリがあります。私が満足していて、AngularJSを使用すると、CSSクラスを使用して簡単にページ遷移をアニメーション化できました。 ng-enter, ng-enter, .ng-enter-active, .ng-leave, .ng-leave-activeおよび角アニメーションライブラリ。アニメーションクラスは廃止され、アニメーションは@Componentのアニメーションプロパティを使用して行う必要があると聞きましたが、ドキュメンテーションからは特定の要素に関する状態をさらに扱うようですとにかく、簡単な質問ですが、Angualar2とngrx/routerでページの入力とページの終了を決定するにはどうしたらいいですか?ページの入力と終了をAngular2で指定できます(ngrx/routerも使用するアプリケーション)

ngrx/routerはLocationChangeオブジェクト/クラスを提供していますが、これで私がいつ入力してビュー/ページから離れるかを判断できるかどうかはわかりません。

ありがとうございます!

答えて

0

実際には、Angular2はコンポーネントに非常に重点を置いています。ルート変更をアニメーションうまくルーカスRuebbelkeにより記載された[1]、あなたがplunker上の彼の例であろうルーカスは、各ルートにインポート別routerTransition()関数でアニメーションの詳細を指定する方法[2] https://plnkr.co/edit/PcRpcGK2duGw0HdaGaF5?p=preview

注及び関連するコンポーネント(彼の例ではホーム約)のアニメーションプロパティに追加:

animations: [routerTransition()], 
    host: {'[@routerTransition]': ''} 

[1] http://ngmigrate.telerik.com/from-ng-animate-to-angular-2-animate

[2] https://plnkr.co/edit/PcRpcGK2duGw0HdaGaF5?p=preview

関連する問題