当标签栏按钮以角度单击时如何滑动？答案

【问题标题】：how to slide when tab bar button click in angular?当标签栏按钮以角度单击时如何滑动？
【发布时间】：2014-10-30 16:13:36
【问题描述】：

当用户单击任何选项卡按钮时，我正在使用转换：“幻灯片”。它表明竞争。我能够在 jQm 中实现这里是小提琴 http://jsfiddle.net/ezanker/o9foej5L/1/ 我在角度中使用相同的概念并使用相同的插件（owlCarousel）。当用户左右滑动时我可以滑动。但是当用户选项卡或单击选项卡栏上的任何按钮时我需要左右滑动。如上面的小提琴所示。

这里是笨蛋 http://plnkr.co/edit/M08sP4oEZLWr6HgGKAde?p=preview

<div class="btn-group btn-group-justified tab">
    <div class="btn-group">
        <button type="button" class="btn btn-default">Tab1</button>
    </div>
    <div class="btn-group">
        <button type="button" class="btn btn-default">Tab2</button>
    </div>
    <div class="btn-group">
        <button type="button" class="btn btn-default">Tab3</button>
    </div>
</div>

当用户使用 tab2 按钮或在 tab3 中滑动时，我需要转到 tab2 内容。

【问题讨论】：

stackoverflow.com/questions/25669892/…
@ezanker 在那个问题中也存在标签点击问题
@ezanker 你有任何选项卡点击的解决方案吗..我想你在 JQM 中做过，你有任何角度的想法
我没用过angular。

标签： javascript jquery angularjs jquery-mobile

【解决方案1】：

我不知道您是否真的需要重新映射您的范围，但我已经对其进行了修改以使其工作here

将指令中的链接代码更改为以下使其工作。

$(element).owlCarousel(scope.owlOptio);
  scope.goto = function(tab) {
    var owl = $(element).data('owlCarousel');
    console.log('tab is ', tab)
    owl.goTo(tab);
  };

【讨论】：