javascript - angular 1.x插件ng-animation的js用法

Question

        .box{
            width: 100px;
            height: 100px;
            background: red;
        }

    <p ng-controller="Ctrl1">
        <input type="checkbox" ng-model="flag">
        <p class="box" ng-if="flag"></p>
    </p>

m1.animation('.box',function() {
    return {
        enter:function(element,done) {
            element.addClass('animated fadeIn'); //有效果
            done();
        },
        leave:function(element,done) {

            element.addClass('fadeIn'); //没有效果
            done();
        }
    }
})

不知道leave的时候反而没有效果,求高手指点,谢谢

Answer 1

把那个ng-if干掉，因为flag为flase，整个dom都没了，哪儿还有啥动画。