AnngularJS 사용시 탭 구현.


app.controller('serverControl', function($scope, $http, $location, $window) {

$scope.move = function(key) {

$location.search('tab_index', key);

$scope.menu_set(parseInt(key));

};



$window.onload = function() {

var tab_index = $location.search().tab_index;

if (tab_index != null && tab_index != 'undefined') {

$scope.menu_set(parseInt(tab_index));

}

};



$scope.menu_set = function(index) {

$('.menuArea').find('button').removeClass('_show').addClass('_hide');

$('.menuArea').find('button').eq(index).removeClass('_hide').addClass('_show');

$(".table_list").hide();

$(".table_list").eq(index).show();

}

});

댓글

가장 많이 본 글