如何使用带翻译标签的工具提示？ 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 filter，而不是指令：

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

如果您的 angular 版本高于 1.3，您可以使用以下语法来处理性能问题：

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

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

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

How to use tooltip with translate tag ? AngularJS

java

internationalization

translate

angularjs