1

TMをまだ「理解」していないか、命名法が逆になっているため、AngularJS アニメーションの設定にいつも苦労しています。きっと前者です。

たとえば、次の CSS は機能します。要素は、表示されると左から飛び込み、非表示になると左に戻ります。

.fly-from-left {
  transition:all linear 0.2s;
  left:4px
}

.fly-from-left.ng-hide-remove {   // this is the start point of the show animation
  left: -20px;
}
.fly-from-left.ng-hide {  // this is the endpoint of the hide animation
  left: -20px;
}

しかし、私が得られないのは、ショーアニメーションを担当するセレクターが ng-hide-remove と呼ばれる理由です。誰かが命名法を明らかにすることができれば、将来的にアニメーションの設定がはるかに簡単になるでしょう.

4

1 に答える 1