問題タブ [angular-animations]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
angular - Angular 4 コンポーネントのレスポンシブ アニメーション
私はAngularレスポンシブアプリに取り組んでおり、モバイルにはドロワーがあります。
Angular での Web アニメーション API の実装が気に入っていますが、メディアクエリのブレークポイントに基づいてアニメーションを構成できる場所が見つかりません。
私が見つけることができるのは、css シートを介してアニメーションをキャンセルすることだけですが、それにより、プロジェクト内のさまざまな場所にコードが広がり始めます。
実際の例
私のアプリケーション ドロワーは、このコードを使用してアニメーション化します
drawerOpenedアプリ メニュー ボタンが押されたときにトグルするブール値です。
私のコンポーネントは次のようになります。
アニメーション効果をキャンセルするCSSコード
私のcssコードですべてを操作し、デスクトップブレークポイントでcssプロパティを無効にする以外に、Angularコンテキスト内でそれを行う方法はありますか?
ありがとうございました！