0

switcher新しいスコープを作成し、それを使用して別のディレクティブに$compile置き換えるメソッドを持つディレクティブがあります。elementlister

例として、listerディレクティブには新しいスコープで反復する ng-repeat が含まれています。

新しく作成されたlisterディレクティブをng-enterandng-leaveクラスで作成したらすぐにアニメーション化しようとしましたが、何の効果もありません。

で動的に作成されたディレクティブをアニメーション化することは可能$scompileですか? もしそうなら、私は何が欠けていますか?

コードはこの plunkrにあります。

4

1 に答える 1

1

あなたのセレクターが問題です:-

それは.list-directive li、li が ng-repeat であるためです。

.list-directive li.ng-enter,
.list-directive li.ng-leave {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.list-directive li.ng-enter {
    margin-left: 200px;
    opacity: 0;
}

.list-directive li.ng-leave,
.list-directive li.ng-enter-active {
    margin-left: 0;
    opacity: 1;
}
.list-directive li.ng-leave-active {
    margin-left: -200px;
    opacity: 0;
}

プランク

または、にクラスをli's適用し、それにルールを適用します。プランク

于 2014-08-19T16:45:38.310 に答える