我正在尝试使用 ngAnimate 执行动画菜单。
主页.html
<div id="left-menu" ng-hide="showMenu">
<div class="wrapmenu">
Menu
</div>
</div>
<div id="content-wrapper" ng-show="showMenu" ng-animate="{show: 'fadeIn', hide:'fadeOut'}">
<button id="menu" ng-click="showMenu = !showMenu"></button>
</div>
样式.css
.fadeIn-setup,.fadeOut-setup {
-webkit-transition: 1s linear opacity;
-moz-transition: 1s linear opacity;
-o-transition: 1s linear opacity;
transition: 1s linear opacity;
}
.fadeIn-setup{
opacity:0;
}
.fadeOut-setup{
opacity:1;
}
.fadeIn-setup.fadeIn-start {
opacity: 1;
}
.fadeOut-setup.fadeOut-start{
opacity:0;
}
ngShow 和 Hide 效果很好。但是动画没有被触发。
我已经更新到 Angular 1.1.5。我从角度文档中发现,CSS 的语法发生了变化
我还尝试了具有相同结果的新语法。
任何帮助表示赞赏。