码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2017-05-27 20:03:21      阅读:412      评论:0      收藏:0      [点我收藏+]

标签:attrs   选项卡   style   lin   ret   报错   toggle   blog   attr   

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

标签:attrs   选项卡   style   lin   ret   报错   toggle   blog   attr   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!