如何使用带有翻译标签的工具提示？ AngularJS

Question

我有一个按钮和按钮脚本代码：

<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');">
    <img src="assets/images/1428276334_expand.png" class="navImageStyle">
</a>

我想翻译这段代码的标签。我能怎么做 ？

例如：

<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');">
    <img src="assets/images/1428276334_expand.png" class="navImageStyle">
</a>

但没用。

navMenu 是 json 文件。

所以 navMenu.json 代码：

    {
         "navMenu":{
         "hide": "Hide",
         "hide": {
             "zoomin": "Zoom In"
         }
     }
}

Answer 1

为此使用translate 过滤器，而不是指令：

tooltip="{{'navMenu.hide.zoomin' | translate}}"

如果您的 Angular 版本高于 1.3，您可以使用以下语法来解决性能问题：

tooltip="{{::'navMenu.hide.zoomin' | translate}}"

上面的语法会阻止观察者留在内存中。