ng-include Animation

.ng-enter{
    opacity: 0;
    transition: opacity 1s;
}

.ng-enter-active{
    opacity: 1;
}

/* sample  */
ng-include.ng-enter,[ng-include].ng-enter{
    opacity: 0;
    transition: opacity 1s;
}

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

ngIf - Remove Alert

/* sample */
.alert-container.ng-leave{
    opacity: 1;
    transition: opacity 1s;
}

.alert-container.ng-leave-active{
    opacity: 0;
}

Last updated

Was this helpful?