title: How do you get AngularJS to bind to the title attribute of an A tag?
body: <p>The intent is to have a product name appear in the tooltip of a thumbnail. 
  Browsers do not create a tooltip from "ng-title" or "ng-attr-title."</p>
  
  <p>We are using AngularJS version 1.0.7. 
  You can prepend any attribute with "ng-" or "ng-attr" and Angular will bind accordingly. However, it doesn't seem to "bind" to the title attirbute of the HTML "A" tag. </p>
  
  <p><strong>Ex. 1.</strong></p>
  
  <p>Code: <code>&lt;a title="{{product.shortDesc}}" ...&gt;</code></p>
  
  <p>Expected result: <code>&lt;a title="Canon Powershot XS50 12MB Digital Camera" ...&gt;</code></p>
  
  <p>Actual result: <code>&lt;a title="{{product.shortDesc}}" ...&gt;</code> We get undesired braces in the tooltip.</p>
  
  <p><strong>Ex. 2.</strong></p>
  
  <p>Code: <code>&lt;a ng-attr-title="{{product.shortDesc}}" ...&gt;</code></p>
  
  <p>Expected result: <code>&lt;a title="Canon Powershot XS50 12MB Digital Camera" ...&gt;</code></p>
  
  <p>Actual result: <code>&lt;a ng-attr-title="Canon Powershot XS50 12MB Digital Camera" ...&gt;</code> </p>
  
  <p>We do not get a plain <code>title</code> attirbute, nor do we get a working tooltip. </p>