Javascript Angular 6动画向前（Angular中的动画填充模式）

我有一个用CSS设置动画的属性，效果很好：

animation: collapse1 0.3s forwards;

但现在我需要切换到角度动画。一切正常，除了一件事：动画完成后，它返回到起点

现在它是这样工作的：

animation: collapse1 0.3s;

animation: collapse1 0.3s forwards;

但它应该是这样工作的：

animation: collapse1 0.3s;

animation: collapse1 0.3s forwards;

换句话说，是否可以提供角度的动画填充模式？我用的是角度6

以下是演示：

演示有两个按钮

当用户将鼠标移动到按钮（：hover css）时，它会工作。 但是当用户单击按钮时，我需要这种行为（案例2）

单击后的最终位置应为：

但它又回到了开头：

---

我通过CSS类解决了这个问题：

但它仍然不是一个有角度的动画

---

有人知道如何使用角度动画解决它吗？可能吗？

我也有同样的问题。并使用像您这样的CSS类最终解决它

但我找到了一个解决方案（这是非常简单和明显的arf）。。 您必须在案例中的state（）函数中包含最终样式

见：

---

顺便说一下，您不能在状态函数中使用查询，因此对于内部类，您必须切换为innerTrigger，并在父触发器中使用animateChild（）。

您的状态是什么样子，需要更多信息，最好是stackblitz-thx@danday74，我用demoAs更新了你的演示，它在点击（按钮2）时工作正常，不是真的。它应该停留在最后的位置，线应该交叉，但它们会回到起点。我用CSS类解决了它：但它仍然不是一个角度动画。有人知道如何使用角度动画解决它吗？可能吗？