Angular Bootstrap - Tooltip not showing
<p>I have a simple form that is inside Angular UI Bootstrap's tabs. Form controls have tooltips associated with them to show errors. I'm using custom event that will toggle tooltip visibility.</p>

<p>The idea is to have tooltip visible on required fields.</p>

<p>With UI-Bootstrap version 1.3.2 and Angular 1.4.8 everything is working fine but since I upgraded to Angular 1.5.3 tooltip is not showing anymore. It will show once I actually type something in the text field and delete it which makes me believe that now requires the model to be initialized.</p>

<p>I have here two plunks that will show exactly what is going on:</p>

<p>Working plunk (with angular 1.4.8) - <a href="https://plnkr.co/edit/IkuOdCrcFJ8lBeNA5sSh">https://plnkr.co/edit/IkuOdCrcFJ8lBeNA5sSh</a></p>

<pre><code>&lt;data-uib-tabset&gt;
    &lt;data-uib-tab&gt;
        &lt;data-uib-tab-heading&gt;Tab 1&lt;/data-uib-tab-heading&gt;
        &lt;form name="testform"&gt;
            &lt;input type="text" name="test" id="test" 
                data-ng-model="test"
                data-ng-required="1"
                data-tooltip-append-to-body="true"
                data-tooltip-placement="right"
                data-uib-tooltip="Required!"
                data-tooltip-trigger="none"
                data-tooltip-is-open="testform.test.$error.required" /&gt;
        &lt;/form&gt;
    &lt;/data-uib-tab&gt;
    &lt;data-uib-tab&gt;
        &lt;data-uib-tab-heading&gt;Tab 2&lt;/data-uib-tab-heading&gt;
         Content 2
    &lt;/data-uib-tab&gt;
&lt;/data-uib-tabset&gt;
</code></pre>

<p>Not so working plunk (with angular 1.5.3) - <a href="https://plnkr.co/edit/Wl3Bq13FKPnqW7RqwfiJ">https://plnkr.co/edit/Wl3Bq13FKPnqW7RqwfiJ</a></p>