首页 > 其他 > 详细

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

时间:2017-05-27 19:55:35      阅读:503      评论:0      收藏:0      [点我收藏+]

在第一,第二篇随笔中写到的选项卡切换,我回头看了看发现缺少了一个很重要的部分,那就是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

原文:http://www.cnblogs.com/luciahuang/p/6914088.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!