ngMessages Animation

support .ng-enter, .ng-leave animation

<div ng-messages="myForm.email.$error">
    <div ng-message="email">Enter a valid email</div>
    <div ng-message="required">Email field required</div>
</div>
[ng-message].ng-enter,[ng-message].ng-leave{
    transition: opacity 1s;
}

[ng-message].ng-enter, [ng-message].ng-leave-active{
    opacity: 0;
}

[ng-message].ng-enter-active, [ng-message].ng-leave{
    opacity: 1;
}

Last updated

Was this helpful?