Angular2动画旋转方向？

我在Angular2内有一个菜单图标，它应该总是顺时针旋转。 显示时，它应该从-360度旋转到-180度。 隐藏时，它应该从-180度旋转到0度

但使用此动画设置，它会逆时针旋转，并将状态“隐藏”转换为“显示”。我怎样才能使它顺时针旋转

export const MenuButtonAnimation=trigger（'menuState'[
状态（'hide'，样式（{transform:'rotate（0）}）），
状态（'show'，样式（{transform:'rotate（-180deg）}）），
过渡（'hide=>show'，动画（'350ms ease out'）），
过渡（'show=>hide'，设置动画（'350ms缓进'））
]);

为“隐藏=>show”添加样式

{transform:'rotate（-360deg）}

，以正确提示浏览器将0度视为-360度（尽管它们在逻辑上相同）

export const MenuButtonAnimation=trigger（'menuState'[
状态（'hide'，样式（{transform:'rotate（0）}）），
状态（'show'，样式（{transform:'rotate（-180deg）}）），
过渡（'hide=>show'，[style（{transform:'rotate（-360deg）}），动画（'350ms ease out'）），
过渡（'show=>hide'，设置动画（'350ms缓进'））
]);