問題タブ [angular-transitions]

ルート遷移をしたいのですが、単純なスライドアウト/スライドインのアニメーションではありません。左のようなアニメーションを探しています ( https://cdn.dribbble.com/users/495792/screenshots/3847874/allshots3.gif )

コンテンツ全体を再描画するルートをアニメーション化する方法を知っています。しかし、ルートを変更して、1 つまたは複数のコンポーネントを別のコンポーネントに移行する効果 (左側のこの拡大 / ズーム効果) をどのように達成できますか。

いくつかのサンプルコードを探すためのアドバイスや指示をいただければ幸いです。

この記事とそれに似たいくつかの記事に従って、ルート間の遷移を追加しようとしています。

実際に動作させることはできますが、CSS position-absolute の使用に問題があり、これが必要と思われます:

私のアプリには、ヘッダー、メイン、フッターの複数のルート アウトレットがあります。アプリのルートでフレックスボックスを使用して、ヘッダーとフッターを上下に固定しています。

このstackblitzでレイアウトとトランジションが機能していることを確認できます。

問題は、位置を絶対および 100% に設定すると、コンテンツがフッターにはみ出すことです (「概要」ページを参照)。

position: absolute なしでクロスフェード遷移を行う方法はありませんか? これは、コンテンツがページ全体を占めると想定しているようです。ご覧のとおり、多くの場合、フッターやその他の静的コンテンツ、または 2 番目のルーター アウトレットなどの他のコンテンツがあります。

私が探しているのは、特定のルーター アウトレットにあるものだけに影響を与える遷移です。

angularプロジェクトの1つにngx-translateを使用しています。http post リクエストから翻訳データを読み込もうとすると失敗します。コードは次のとおりです。

これは同じスタックブリッツです: https://stackblitz.com/edit/github-x4rjpw