css旋转后调用AngularJs函数答案

【问题标题】：Calling AngularJs function after css rotationcss旋转后调用AngularJs函数
【发布时间】：2018-03-29 21:02:27
【问题描述】：

我有一个按钮，点击后会旋转以进行确认。 http://jsfiddle.net/ADukg/21763/

.flip-button-wrapper.selected .button-flipper{
   transform: rotateX(-90deg);
}

初始点击工作正常，但旋转后，函数没有被调用。

不确定这是否是 angular 的 css 问题。

请帮忙

【问题讨论】：

【解决方案1】：

我知道这很奇怪，我似乎找不到任何解释它的东西，因为它似乎是 CSS 中的一个错误，但由于某种原因，当旋转 90 度时，这似乎发生了。我会尝试寻找其他原因，但至少现在尝试：

.flip-button-wrapper.selected .button-flipper{
    transform: rotateX(-89.99deg);
}

它会呈现相同的效果，但它允许您单击并在上下旋转之间切换。

【讨论】：

它链接到元素的位置（我猜是z-index）。当你有一个旋转 90 并检查时，你会得到父 div，但是当你旋转 89 时，你会得到可点击的跨度。因此，如果您使用位置和 z 索引，您可能也可以使用 90 度。
没关系，发现它似乎没有任何解决方法 -> stackoverflow.com/questions/23548612/…