0

md カードにアニメーションを適用しようとしています ( https://teradata.github.io/covalent/#/components/expansion-panelを複製しようとしています) ...ビューを取得してアニメーションを適用できますしかし、カードが展開/折りたたまれたときの移行はスムーズで、取得できません。ここでデモを作成しましたhttp://plnkr.co/edit/kvzSSbseT5cbOv054i2u?p=preview状態間の遷移が高速です。デモのカードがクリックされたときに同じ種類のアニメーションを実装しようとしています...

animations: [
    trigger('animationState', [
        state('active', style({ height: '*' })),
        state('inactive', style({ height: '0px', display: 'none' })),
        transition('inactive => active', animate('150ms ease-out')),
        transition('active => inactive', animate('150ms ease-out'))
    ])
]

これらは私が適用しようとしているアニメーションです。誰かが上記のリンクにあるアニメーション効果を得るのを手伝ってくれませんか?

4

1 に答える 1

0

YouTubeでこのチュートリアルを見ました。アニメーション コントロールの優れた基礎を提供します...

https://coursetro.com/posts/code/25/Understanding-Angular-2-Animations-Tutorial

于 2016-11-15T22:37:00.417 に答える