Запуск и остановка Угловой Flexsllider

Question

Я использую Angular FlexSlider в приложении для мобильных планшетов, чтобы обеспечить функциональность «фоторамки». Когда вы взаимодействуете с приложением (откройте меню, щелкните стрелку ползунка, чтобы изменить изображение и т. Д.), Изображения перестанут скользить.

Это ожидаемое поведение, но как вы начинаете работу ползунка в AngularJS?

Сейчас я должен перезапустить приложение.

<flex-slider id="mySlider" touch="true" pause-play="true" control-nav="true" prev-text="" next-text="" animation="slide" slide="i in slides" start="slideStarted()"> 
    <li> 
     <img ng-src="{{i}}" >       
    </li> 
</flex-slider> 

Я думал, что пауза-игра может работать с помощью:

$('#mySlider').flexslider("play"); 

Но слайдер не запускается обратно.

Answer 1

Я обнаружил решение. Вот как начать игру на FlexSlider в угловом режиме:

var flex_element = angular.element(document.querySelector('.flexslider')); 
var flex_play_element = angular.element(document.querySelector('.flex-play')); 
flex_play_element.trigger('click');