Angular Bootstrap与标签和旋转木马

Question

我有一系列Angular Bootstrap选项卡（每个包含一个轮播），我的HTML看起来像这样：

<tabs>
    <pane>
        <carousel>
            <slide>
                <div>Some content (Pane 1, Slide 1)</div>
            </slide>
            <slide>
                <div>Additional content (Pane 1, Slide 2)</div>
            </slide>
        </carousel>
    </pane>
    <pane>
        <carousel>
            <slide>
                <div>Some more content (Pane 2, Slide 1)</div>
            </slide>
            <slide>
                <div>Even more content (Pane 2, Slide 2)</div>
            </slide>
        </carousel>
    </pane>
</tabs>

我需要能够判断何时单击选项卡，哪个幻灯片处于活动状态。然后我得到幻灯片的标题并将其显示在另一个div上。有什么想法吗？