折りたたみ指令のアニメーションのオンとオフを切り替えることは可能ですか?

StackOverflow https://stackoverflow.com//questions/25059401

  •  21-12-2019
  •  | 
  •  

質問

アプリには、多くのcollapseディレクティブがあり、特定の状態に応じて、アニメーションを個別にオン/オフ(開閉または閉じて)切り替えることができます。私はソースを見て、私がこれを達成するために指令に引っ掛けることができる場所を見ることができません。それとも私は明白な何かが足りないですか?

現時点で見ることができる唯一の解決策は、ディレクティブ全体を複製し、link関数を修正して、アニメーションが使用されているかどうかを判断するために2番目の属性を監視することを可能にします。

役に立ちましたか?

解決

AFAIK、Angular AnimationはCSS遷移に基づいているので、要素にいくつかのCSSプロパティを追加することでアニメーションを無効にすることができます。

はこのようなnoanimateクラスを定義することができます:

.noanimate {
  transition: none !important;
}
.

その後、アニメーションを無効にする/有効にするときに、noanimateクラスを要素に追加/削除できます。

これが役立つことを願っています。

ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top