在使用$compile的新作用域中新创建的指令不会生成ng动画
在使用$compile的新作用域中新创建的指令不会生成ng动画
提问于 2014-08-20 00:41:13
我有一个switcher指令，它有一个方法可以创建一个新的作用域，并在它上使用$compile，用另一个指令lister代替它的element。
例如，lister指令包含一个在新作用域上迭代的ng-repeat。
一旦使用ng-enter和ng-leave类创建了新创建的lister指令，我就尝试让它具有动画效果，但它没有任何效果，至少看起来是这样。
用$scompile动态创建的指令可以动画化吗？如果是这样的话，我错过了什么？
代码在this plunkr中。
回答 1
Stack Overflow用户
发布于 2014-08-20 00:45:38
你的选择器就是问题所在：
它应该是.list-directive li，因为li是ng重复的。
.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上应用类并对其应用规则。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/25388719
复制相关文章
相似问题
腾讯云开发者
