我有一系列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>

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

twitter-bootstrap angularjs