Angular 排序后物料表上的可展开行不工作

根据中的示例，我在表中添加了可扩展行和排序。每项功能都像一个魅力。但是，当我尝试在对表排序后展开一行时，第一次单击似乎什么也没做。第二次单击将打开该行，并立即再次将其关闭。当我再次单击同一行时，它的行为将再次正常

以下是stackblitz的简化版本：

据我通过日志记录所知，无论表是否排序，每次单击都会正确设置

expandedElement

属性。所以我猜动画触发器

detailExpand

有点问题。我就是不明白为什么在对表进行排序后设置了

expandedElement

时它不会被触发。

我无意中发现了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)'))
    ])

动画：[
触发器（'expandDetail'[
状态（'折叠，无效'，样式（{height:'0px'}）），
状态（'expanded'，样式（{height:'*'}）），
过渡（“展开折叠”，动画（“225ms立方贝塞尔（0.4,0.0,0.2,1）”，
过渡（“展开的空心”，动画（“225ms立方贝塞尔（0.4,0.0,0.2,1））
])

就这样，问题解决了