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}}"

如果你的角度版本高于1.3，你可以使用以下语法来表现性能：

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

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

如何在翻译标签中使用工具提示？ AngularJS

1 个答案: