Javascript 使用| AngularJS，ngAnimate为ng repeat的子对象设置动画

我能找到的唯一相关答案是，但我在答案中找不到安慰。我正在尝试动画的一个ng重复组元素的孩子，但失败惨重，尝试了各种组合的ng进入ng进入活动等，但似乎不能得到我想要的效果

html:

---

我只是想让ng repeat的孩子在加载时设置动画。非常感谢您的帮助。

您可以通过以下指令来完成：

myApp.directive('animm',function($timeout){
    return {
        link: function(scope, el, attrs){
            $timeout(function(){
                el.addClass('readyy');
            }, 100);
        }
    };
});

CSS:

甚至可以用作用域id做一些欺骗来抵消它们？请参阅fiddle更新

 .inner{
        transition:1s linear all;
    }
    .outer.ng-enter .inner{
        width:1px;
    }
    .outer.ng-enter-active .inner{
        width:100px;
    }
    .outer.ng-active .inner{
        width:100px;
    }

myApp.directive('animm',function($timeout){
    return {
        link: function(scope, el, attrs){
            $timeout(function(){
                el.addClass('readyy');
            }, 100);
        }
    };
});

.inner{
    transition:1s linear all;
    width: 20px;
    height:20px;
    background-color:red;
}
.outer.readyy .inner{
    width:100px;
}