java - 如何将工具提示与翻译标签一起使用？ 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}}"

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