Javascript AngularJS上的销毁函数

我的项目中有一个包含多个类别的页面，每个类别都有一个带有图像的Flexslider。每个类别显示一次并单击另一个类别，前者隐藏并单击显示，类似于带有选项卡的方案

我需要的是，当我点击另一个类别时，它会破坏在前一个类别中初始化的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，但不知道是否有某种方法可以停止执行该功能并启动它，有人能提供帮助吗？

通过ng单击扮演该角色的每个类别，我成功地销毁了该滑块，并使用以下功能再次启动它：

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

这可能有助于你的健康