1. 程式人生 > >Angular頁面選項卡切換要註意的toggleClass

Angular頁面選項卡切換要註意的toggleClass

一個 blog clas lin link ren str cnblogs attrs

在第一,第二篇隨筆中寫到的選項卡切換,我回頭看了看發現缺少了一個很重要的部分,那就是toggleClass。

//在js控制器中必須寫明指令,要不然在頁面寫了toggle-class=“active”也是會報錯的!!!

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

Angular頁面選項卡切換要註意的toggleClass