启动和停止Angular Flexslider

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');