禁用角UI网格列菜单动画

Question

当我点击一个角度UI网格列的箭头图标来显示该列的下拉菜单时，然后再次单击箭头图标来隐藏它，菜单就会以一种动画的方式“射出”，我觉得这是不可取的。

如何禁用此行为？

Answer 1

ngAnimate模块负责动画。您可以将其排除在应用程序之外。如果任何依赖的js库都需要ngAnimate，那么这可能是不可能的。

var app = angular.module('app', ['ngTouch', 'ui.grid']);

没有ngAnimate的示例

http://plnkr.co/edit/EEI8te66R2aa4H9UFTHX?p=preview

Answer 2

正如在this answer中所描述的，有一种通用的、非UI特定于网格的方法来禁用特定元素的动画。请注意，这并不只影响ngAnimate所做的动画；相反，这将禁用所有的动画。

根据最初的答复：

只需将其添加到CSS中即可。这是最好的，如果这是最后一条规则： 无动画{-webkit-转换:无！重要；过渡:无！重要；} 然后将no-animate添加到要禁用的元素类中。示例：

因此，要禁用网格菜单的动画，请执行以下操作(使用Sass，但您可以理解)：

.ui-grid-menu-mid {
  @extend .no-animate; // the .ng-animate class is as defined above
}

通过这种方法，我能看到的唯一真正的缺点是，您不能选择性地禁用列菜单和/或网格菜单的动画，只能同时禁用这两个菜单。