如何在Angular Material动画之后执行代码

Question

我在网站上使用Angular Material.作为响应式框架,它处理不同窗口大小的渲染.更改窗口大小时,它会添加一些布局更改动画和控件移动

示例:https://material.angularjs.org/latest/demo/gridList(打开链接并调整窗口大小)

我在示例中显示的图块上有一些WebGL画布,在动画完成后需要重新绘制(并且容器具有最终尺寸).

我怎样才能得到一些callback或promise对UI动画是完整的？

Answer 1

此问题的解决方案是将属性添加md-on-layout到md-grid-list( docs )。

例子：

HTML：

<md-grid-list md-on-layout="update($event)" ...>
  <md-grid-tile>...</md-grid-tile>
</md-grid-list>

控制器：

$scope.update = function($event){
    console.log("Updating layout."); 
}