javascript - AngularJS 上的销毁函数

Question

我的项目中有一个页面，其中包含多个类别，每个类别都有一个带有图像的 Flexslider。每个类别显示一次，点击另一个类别，前者隐藏，点击出现，与Tabs类似。

我需要当我点击另一个类别时，它会破坏在前一个类别中初始化的Flexslider的功能并在这个类别中执行。

这是我到目前为止所做的，但没有成功:

启动 Flexslider 的函数:

vm.sliderCol = function () {

    setTimeout(function () {

        $('.sliderCol').flexslider({
            animation: "slide",
            controlNav: false
        })
    }, 1000)
}

进入类别按钮的功能:

vm.clicou = function(){

    $('.sliderCol').flexslider("destroy")

    setTimeout(function () {
        vm.sliderCol()
    }, 1000)
}

直到那时我试图销毁Flexslider，不知道是否有某种方法可以停止执行该功能并启动它，有人可以帮忙吗？

Answer 1

通过 ng-click 扮演每个类别，我成功地销毁了 slider 并使用以下函数再次启动它:

vm.clicou = function(){
    $('.sliderCol').flexslider("destroy");
    $('.sliderCol').removeData("flexslider");
    setTimeout(function () {
        vm.sliderCol();
    }, 100);
}