angularjs - 如何在 angularjs 中禁用 md-sidenav 的动画

标签 angularjs animation material-design

我在 angularjs 中使用 Material Design 中的 md-sidenav。

问题 : 是否可以在打开和关闭时禁用 md-sidenav 的动画?似乎默认情况下它的打开和关闭是动画的。

<md-sidenav md-component-id="left" class="md-sidenav-left">
Left Nav!
</md-sidenav>

最佳答案

尝试将属性 md-no-ink 添加到 sidevav

<md-sidenav md-no-ink md-component-id="left" class="md-sidenav-left">
Left Nav!
</md-sidenav>

或者删除所有覆盖 CSS 的动画:
.md-ripple-container, .md-ripple-placed {
    transition: none;
}

引用:https://groups.google.com/d/topic/ngmaterial/HJ01ZHEbOQA/discussion

关于angularjs - 如何在 angularjs 中禁用 md-sidenav 的动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30419271/

相关文章:

将 CSS 过渡应用到带有 CSS 动画的元素后出现断断续续的情况

javascript - Angular JS 中的嵌套 ng-repeat

angularjs - 尝试使用 AngularJS 显示两个日期之间的结果

javascript - 仅当用户单击某个字段后,AngularJS Material 才会将必填字段变为红色

android - 无法使用MaterialTextView

ajax - 如何指定 dataType : 'json' in Angular. js $http.post?

javascript - AngularJS 1.2 - 基于左滑或右滑的不同动画

ios - UIView +animateWithDuration : isn't animating a recently allocated view correctly

jquery - 需要帮助改进水平滑动 div

javascript - 输入字段的值显示在控制台中但不在输入字段中+无法保存到数据库