如何在angularJs

Question

我正在尝试向左侧添加幻灯片并向右滑动动画，我想以下面的方式制作动画。

如果我在tab1上并单击选项卡2，则选项卡2应从右侧滑动;当我在标签2上时，如果我点击tab3;

如果我在标签3上并单击标签2，则标签2应从左侧滑动;同样当我在标签2上并单击标签1;

页面加载

我希望标签1从左侧滑动。

像书页转换这样的东西;

我添加了动画，它只在一个方向上滑动标签，即使用Animate.css类。 animate slideInLeft和animate slideInRight

以下是示例代码。

HTML

<uib-tabset>
    <uib-tab heading="Basic User Details">
      <h4 class="animated slideInLeft">Basic User Details</h4>
    </uib-tab>

    <uib-tab heading="Question and Answers">
      <h4 class="animated slideInLeft">Question and Answers</h4>
    </uib-tab>

    <uib-tab heading="Additional User Details">
      <h4 class="animated slideInLeft">Additional User Details</h4>
    </uib-tab>
  </uib-tabset>

我想动态更改选项卡1和2的类，具体取决于哪个选项卡处于活动状态。