首页 > 代码库 > Angular页面选项卡切换要注意的toggleClass

Angular页面选项卡切换要注意的toggleClass

2024-09-26 16:53:39   214人阅读

在第一，第二篇随笔中写到的选项卡切换，我回头看了看发现缺少了一个很重要的部分，那就是toggleClass。

//在js控制器中必须写明指令，要不然在页面写了toggle-class=“active”也是会报错的！！！

.directive(‘toggleClass‘, function(){
        return {
            restrict: ‘A‘,
            scope: {
                toggleClass: ‘@‘
            },
            link: function(scope, element,attrs){
                element.on(‘click‘, function(){
                    element.parent().children().removeClass(scope.toggleClass);
                    element.addClass(scope.toggleClass);
                });
            }
        };

    })

 

Angular页面选项卡切换要注意的toggleClass


联系
我们