uibootstrapのタブでdisableのときもツールティップが出るようにしたい

Question

uibootstrap の Tabs (ui.bootstrap.tabs) で disable にしたときには、Tooltip (ui.bootstrap.tooltip) を表示させることが出来ません。

disable時にも、Tooltip が出るようにしたいです。解決方法をご存知の方がいらっしゃいましたら教えてください。宜しくお願い致します。

(参考URL)
angular-uibootstrap
https://angular-ui.github.io/bootstrap/

Answer 1

以下のような形式で uib-tab の disable 時も uib-tooltip を
出すことができました。

<uib-tab heading="title" disable="'true'" tooltip-enable="'true'" uib-tooltip="XXXXXX"> <div ui-view="content"></div> </uib-tab>

Answer 2

ボタンなら div で囲んでその要素に Tooltip を当てるのがよさそうですが、下記質問の回答のように disabled になっている要素に li （下記質問では div）を重ねて、それに Tooltip を付けるという方法が手早く解決できそうです。disabled のタイミングにあわせて対応する Tooltip用 li を上に重ねて表示するような処理です。

【javascript - how to enable bootstrap tooltip on disabled button - Stack Overflow】
http://stackoverflow.com/a/15076391

Comments

[tama2015]

回答いただき大変ありがとうございました。

実は再度確認いたしましたところ、
disable 時に uib-tooltip を出せないのは私の勘違いでした。
申し訳ありません。

以下のような形式で uib-tab の disable 時も uib-tooltip を
出すことができました。

<uib-tab heading="title" disable="'true'" tooltip-enable="'true'" uib-tooltip="XXXXXX">
<div ui-view="content"></div>
</uib-tab>

[kei344]

あ、確かにドキュメントに書かれていますね、見逃していました。ベストアンサーに選んでもらいとてもうれしいのですが、内容的には自身の回答をベストアンサーに選ばれたほうが良いと思います。