twitter-bootstrap - 带有选项卡和轮播的 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 上。有什么想法吗？