Angular頁面選項卡切換要註意的toggleClass
阿新 • • 發佈:2017-05-27
一個 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