AngularJS中的Destroy函数

Destroy Function on AngularJS

本文关键字：函数 Destroy 中的 AngularJS      更新时间：2023-09-26

我在我的项目中有一个页面，其中包含几个类别，每个类别都有一个带有图像的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-click在每个类别上扮演角色，我设法破坏滑块并使用以下函数重新启动滑块:

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