angular ng-消息动画无法正常工作
angular ng-message animation not work properly
我想在 ng-message 上应用动画 error.for 我看到 angular 动画文档但无法正确使用它。当它 active.and 也随动画一起消失时,我需要错误动画。
仔细阅读angular
的文档
还有一个 angular ng-message 动画的例子。
终于解决了我的问题
.messages.ng-active{
transition:1s linear all;
opacity:1;
}
.messages.ng-inactive{
transition:1s linear all;
opacity:0; } .massege.ng-leave {
transition:0.5s linear all;
} .massege.ng-leave.ng-leave-active {
opacity:0; }
在 ng-messages 的语法中有一个父项和三个、四个子项
所以为此我们必须对父子都应用动画:)
我想在 ng-message 上应用动画 error.for 我看到 angular 动画文档但无法正确使用它。当它 active.and 也随动画一起消失时,我需要错误动画。
仔细阅读angular
的文档还有一个 angular ng-message 动画的例子。
终于解决了我的问题
.messages.ng-active{ transition:1s linear all; opacity:1;
}
.messages.ng-inactive{ transition:1s linear all; opacity:0; } .massege.ng-leave { transition:0.5s linear all;
} .massege.ng-leave.ng-leave-active {
opacity:0; }
在 ng-messages 的语法中有一个父项和三个、四个子项 所以为此我们必须对父子都应用动画:)