title: How to use tooltip with translate tag ? AngularJS
body: <p>I have a button and button script code :</p>
  
  <pre><code>&lt;a ng-hide="custom" href="#" tooltip-placement="bottom" tooltip="Zoom in" onclick="ga('send','event','Navigation Tool','Navigation Tool','Zoom in')" class="onezoomin" ng-click="navSelected('onezoomin');"&gt;
      &lt;img src="assets/images/1428276334_expand.png" class="navImageStyle"&gt;
  &lt;/a&gt;
  </code></pre>
  
  <p>and I want to translate tag for this code.  How can I do ? </p>
  
  <p>for example : </p>
  
  <pre><code>&lt;a ng-hide="custom" href="#" tooltip-placement="bottom" tooltip="translate='navMenu.hide.zoomin'" onclick="ga('send','event','Navigation Tool','Navigation Tool','Zoom in')" class="onezoomin" ng-click="navSelected('onezoomin');"&gt;
      &lt;img src="assets/images/1428276334_expand.png" class="navImageStyle"&gt;
  &lt;/a&gt;
  </code></pre>
  
  <p>but Didnt work.</p>
  
  <p>navMenu is json file.</p>
  
  <p>so navMenu.json code :</p>
  
  <pre><code>    {
           "navMenu":{
           "hide": "Hide",
           "hide": {
               "zoomin": "Zoom In"
           }
       }
  }
  </code></pre>