在 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 在每个扮演角色的类别上，我设法销毁了滑块并使用以下函数重新启动它：

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

在 AngularJS 上销毁函数

Destroy Function on AngularJS

javascript

jquery

flexslider

angularjs