Вызов функции AngularJs после поворота css

У меня есть кнопка, которая вращается при нажатии для подтверждения. http://jsfiddle.net/ADukg/21763/

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

Первоначальный щелчок работает нормально, но после поворота функция не вызывается.

Не уверен, что это проблема css для angular.

Пожалуйста помоги

angularjs css transform

29.03.2018 23:02

Знаете ли вы, что директивы являются одной из самых мощных и универсальных функций Angular?

Директивы позволяют расширять HTML новыми элементами и атрибутами и даже создавать собственные структурные директивы для манипулирования DOM. С...

Разница между Angular и React

React и AngularJS - это два самых популярных фреймворка для веб-разработки. Оба фреймворка имеют свои уникальные особенности и преимущества, которые...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Я знаю, что это очень странно, и я не могу найти ничего, что объясняло бы это, потому что это похоже на ошибку в CSS, но по какой-то причине при повороте на 90 градусов это, похоже, происходит. Я постараюсь найти другие причины, но пока попробую:

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

Он будет отображать то же самое, но позволит вам щелкать и переключаться между вращением вверх и вниз.

Он связан с позицией элемента (я думаю, z-индекс). Когда у вас есть поворот на 90 и осмотр, вы получаете родительский div, но когда вы вращаете на 89, вы получаете интерактивный диапазон. Так что, вероятно, если вы поиграете с положением и z-индексами, вы можете заставить его работать и с 90 градусами.

— 30.03.2018 10:00

Неважно, выяснилось, что это не похоже на работу -> stackoverflow.com/questions/23548612/…

— 30.03.2018 10:28

30.03.2018 07:01