<div class="header-panel member">
<h2><span class="identifier">WjTooltip</span> Class</h2>
<dl class="dl-horizontal">
<dt>File</dt><dd class="filename">wijmo.angular.js</dd>
<dt>Module</dt><dd><a href="topic/wijmo.angular.Module.html"><span class="identifier">wijmo.angular</span></a></dd>
<dt>Show</dt>
<dd>
<label><input type="checkbox" ng-model="ctx.showInherited"> Inherited Members</label>&nbsp;&nbsp;&nbsp;
<label><input type="checkbox" ng-model="ctx.showRaisers"> Event Raisers</label>
</dd>
</dl>
<div class="comment"><p>AngularJS directive for the <a href="topic/wijmo.Tooltip.Class.html"><span class="identifier">Tooltip</span></a> class.</p>
<p>Use the <b>wj-tooltip</b> directive to add tooltips to elements on the page. 
The wj-tooltip directive supports HTML content, smart positioning, and touch.</p>
<p>The wj-tooltip directive is specified as a parameter added to the 
element that the tooltip applies to. The parameter value is the tooltip
text or the id of an element that contains the text. For example:</p>


<pre>&lt;p wj-tooltip="#fineprint" &gt;
    Regular paragraph content...&lt;/p&gt;
...
&lt;div id="fineprint" style="display:none"&gt;
  &lt;h3&gt;Important Note&lt;/h3&gt;
  &lt;p&gt;
    Data for the current quarter is estimated 
    by pro-rating etc.&lt;/p&gt;
&lt;/div&gt;</pre></div>
</div>
<div class="member-panel class members" ng-class="{ 'show-inherited' : ctx.showInherited, 'show-raisers' : ctx.showRaisers }">
</div>
