使用角形材料的可跳动标签

时间:2016-01-28 17:12:56

标签: javascript angularjs

我想构建标签,可以通过翻转其内容来刷卡。 具体来说,当我在选项卡的内容(正文)上向右滑动时,我希望显示上一个选项卡的内容。这类似于Whatsapp中可用于在三个选项卡之间导航的内容:电话,聊天和联系人。

我想使用角度材料模块实现这一点。我知道md-swipe-left和md-swipe-right。但是如何更改标签的主体?有什么建议??

2 个答案:

答案 0 :(得分:0)

使用 md-tabs md-selected 属性

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_;
}

答案 1 :(得分:0)

这是答案的核心:

b <- matrix(apply(samp, 1, cumsum), nrow=100, byrow=T)>=10
apply(b,1,function(x)which(x)[1])
#  [1] 4 5 4 3 3 5 3 4 3 4 3 3 5 4 5 4 2 4 3 6 3 3 5 4 3 3 2 4 4 6 3 4 3 4 5 4 4
# [38] 4 3 5 3 6 3 3 5 5 3 3 4 6 4 5 4 4 3 4 4 4 2 5 3 4 3 4 4 3 4 6 3 5 4 4 4 4
# [75] 3 3 5 4 4 3 3 4 4 5 4 4 4 3 4 3 5 4 3 5 3 6 4 5 5 3

然后,使用 md-swipe-left =“onSwipeLeft(selectedIndex + 1)” md-swipe-right =“onSwipeRight(selectedIndex-1)” on md-tabs 指令。

这就是你所需要的!