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 に表示します。何かご意見は？