折りたたみ指令のアニメーションのオンとオフを切り替えることは可能ですか?
-
21-12-2019 - |
質問
アプリには、多くのcollapse
ディレクティブがあり、特定の状態に応じて、アニメーションを個別にオン/オフ(開閉または閉じて)切り替えることができます。私はソースを見て、私がこれを達成するために指令に引っ掛けることができる場所を見ることができません。それとも私は明白な何かが足りないですか?
現時点で見ることができる唯一の解決策は、ディレクティブ全体を複製し、link
関数を修正して、アニメーションが使用されているかどうかを判断するために2番目の属性を監視することを可能にします。
解決
AFAIK、Angular AnimationはCSS遷移に基づいているので、要素にいくつかのCSSプロパティを追加することでアニメーションを無効にすることができます。
はこのようなnoanimate
クラスを定義することができます:
.noanimate {
transition: none !important;
}
.
その後、アニメーションを無効にする/有効にするときに、noanimate
クラスを要素に追加/削除できます。
これが役立つことを願っています。
所属していません StackOverflow