Я хочу создать вкладки, которые можно прокрутить, поместив их содержимое. Чтобы быть конкретным, когда я сажусь прямо на содержимое вкладки (тело), я хочу, чтобы отображалось предыдущее содержимое вкладки. Это похоже на то, что доступно в Whatsapp для перехода между тремя вкладками: вызовами, чатами и контактами.
Я хочу реализовать это с помощью модуля углового материала. Я знаю о md-swipe-left и md-swipe-right. Но как мне изменить тело вкладок? Какие-либо предложения??
В этом и заключается суть ответа:
$scope.onSwipeRight = function(tab_num){
if( tab_num < 0){
return;
}
$scope.selectedIndex = tab_num;
}
$scope.onSwipeLeft = function(tab_num){
if( tab_num > l){
//l is number of tabs I have
return;
}
$scope.selectedIndex = tab_num;
}
Затем используйте md-swipe-left = "onSwipeLeft (selectedIndex + 1)" и md-swipe-right = "onSwipeRight (selectedIndex-1)" в директиве md-tabs.
Это все, что вам нужно!
использовать md-selected атрибут md-tabs
HTML
<md-tabs class="md-accent" md-selected="selectedIndex" md-swipe-left="changeTab(1)" md-swipe-right="changeTab(0)">
контроллер
$scope.selectedIndex = 0;
$scope.changeTab = function(tab_){
$scope.selectedIndex = tab_;
}