title: Dynamic Tooltip using AngularJS
body: <p>I want to add a tooltip which would be displayed on mouse hover of the below elements.</p>
  
  <pre><code>&lt;a ng-click="click(this)"&gt;
  &lt;span class="icon"&gt;&lt;/span&gt;
  &lt;/a&gt;
  {{product.title}}
  </code></pre>
  
  <p>I have the tooltip in product.desc.
  I tried using the below code: </p>
  
  <pre><code> &lt;span tooltip="{{product.desc}}" class="glyphicon"&gt;&lt;/span&gt;
  </code></pre>
  
  <p>But this doesnt work.
  Any Ideas/Suggestions? please help.</p>
  
  <p>[EDIT] I can see the value of product.desc exists as expected in source of the page when i checked using developer tools.</p>
  
  <p>Thankyou</p>