1

私は、項目のリストのカスケード効果を作成する任務を負っていました (それぞれが他の項目よりも数分の 1 秒遅れて発生します)。を発見したとき、私がどれほど興奮したか想像できるでしょうng-animate。私はすでにリストに を入力しているng-repeatので、それを追加して CSS を変更するだけで簡単に思えました。これが私が狙っているものです: ngRepeat で ngAnimate を遅らせる方法

しかし、実際には機能していないようです。何か案は？これが私のフィドルの例です：フィドル ng-animate。

html

<ul class="results-nav">
     <li class="" ng-animate="'animate'" ng-repeat="domain in resultsNav.domain" ng-click="scrollTo(domain.id)">{{domain.title}}</li>
</ul>

CSS

.animate-enter {
    -webkit-transition: 1s linear all; /* Chrome */
    transition: 1s linear all;
    opacity: 0;
}

.animate-enter.animate-enter-active {
    opacity: 1;
}

私のフィドルでわかるように、実行時には何もしません。

4

2 に答える 2

1

あなたのフィドルはAngularの安定版を使用していますが、アニメーションは不安定版でしか利用できません。

私はそれらを使った経験はあまりありませんが、コレクションにアイテムを徐々に追加することで、なんとかそれらを動かすことができました. これは優れた解決策ではありませんが、うまくいけば、開始することができます。カスタムアニメーションなどでこれを行う方法があると確信しています。

ここで私のショットを見ることができます。

于 2013-06-12T09:23:35.280 に答える