ng-hide-add

angular.animation的使用

|▌冷眼眸甩不掉的悲伤 提交于 2020-01-07 13:55:59
【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> overview angular-animate.js插件可以对 ng-repeat , ng-view , ui-view , ng-include , ng-switch , ng-if , ng-class , ng-show , ng-hide , form , ng-model 等指令提供CSS3或者JS动画效果,这些指令分别两个梯队: 梯队一:DOM节点会被remove的梯队 : if,view,repeat,include,switch 梯队二:DOM节点不会被remove,只是内容/样式会被改变的梯队 : class, show, hide, model等 插件引入 HTML中引入angular-animate.js, 地址 在angular中注入 ngAnimate 模块 ng-animate之CSS3动画 以ui-view为例: 引入angular-animate插件和注入 ngAnimate 模块 引入angular-ui-route.js,配置 $stateProvider 在css定义 ng-enter , ng-leave 的样式,可以用transition/animation 预览页面即可看到动画效果 原理:ng在这个指令进行内容切换时,默认会给内容加上 ng-enter , ng