排序后物料表上的可扩展行不起作用

Question

基于Angular Material Table中的示例，我在表中添加了可扩展行并进行了排序。每个功能本身都具有魅力。但是，当我尝试在对表格进行排序后扩展行时，第一次单击似乎根本没有任何作用。第二次单击将打开该行，并立即再次将其关闭。当我再次单击同一行时，它再次正常运行。

这是stackblitz的简化版本：https://stackblitz.com/edit/angular-mnqztk

就日志记录而言，无论表格是否排序，每次点击的expandedElement属性都是正确设置的。因此，我认为动画触发器detailExpand出了点问题。我只是不知道为什么在对表格进行排序后设置expandedElement时，为什么没有触发它。

Answer 1

我偶然发现了this github问题，这间接解决了我的问题。代替在“角度材质”页面上使用的动画，请使用以下内容：

animations: [
    trigger('expandDetail', [
      state('collapsed, void', style({ height: '0px' })),
      state('expanded', style({ height: '*' })),
      transition('expanded <=> collapsed', animate('225ms cubic-bezier(0.4, 0.0, 0.2, 1)')),
      transition('expanded <=> void', animate('225ms cubic-bezier(0.4, 0.0, 0.2, 1)'))
    ])

就是这样。问题解决了。