angularjs - angular-uiタブは、hrefなしでアンカータグをレンダリングします

Question

以下のサンプル コードとこのplunkerに示すように、AngularUI タブを使用しています。

http://plnkr.co/edit/YlbrObH4sBlyUFZO2tZh?p=preview

    <tabset class="tabbable tabbable-custom tabbable-full-width">
    <tab class="active" heading="Latest Customers" href="javascript:;">
        <div class="tab-pane active" id="Div1">
            Pane 1
        </div>
    </tab>
    <tab heading="Feeds" href="javascript:;">
        <div class="tab-pane" id="Div2" href="javascript:;">
            <div class="tab-pane active" id="Div3">
               Pane 2
            </div>
        </div>
    </tab>
</tabset>

plunkerでわかるように、マウスを「タブ」の上に置いても、カーソルは通常の人差し指に変わりません。angularui がレンダリングしているアンカー タグには href 値がないため、無効な html と見なされます。手動で href="javascript:;" を追加すると 、カーソルは私が望むように機能します。

私の質問は、href をアンカー タグに追加するようディレクティブに指示するにはどうすればよいですか? 何かアドバイス？

ありがとう、ダン