Question

包括翻译到我的网站

所以我有这段代码：

<td class="nav-button">
        <a  href="{{button.location}}" class ="'{{button.clazz}}'" ng-click="showDetails = !showDetails" >
                {{button.text}}
                <div ng-show="button.subButtons.length && showDetails" ng-repeat="subButton in button.subButtons">
                    <a href="{{subButton.location}}" class="'{{button.clazz}}'" translate>
                        {{subButton.text}}
                    </a>
                </div>
        </a>
</td>

子按钮正常显示，翻译工作正常。但只翻译subButtons。

问题是：我想翻译{{button.text}}

但是当我将翻译添加到第一个<a>时，这些功能都不起作用。我已经尝试了几种方法来解决这个问题，但我失败了。可能有同样问题的人可以帮忙吗？感谢。

Answer 1

angular translate是一个过滤器

{{button.text|translate}}

Answer 2

我很想知道subButton.text包含的内容。它需要包含您要查找的翻译值的键。例如，我的翻译文件如下所示：

{
    "SUB_BUTTON": "Hello there, this is the sub button"
}

我可以通过多种方式创建按钮。

通过过滤器

<button>{{"SUB_BUTTON" | translate}}</button>

通过指令1

<button translate="SUB_BUTTON"></button>

通过指令2

<button translate>"SUB_BUTTON"</button>

有关详情，请参阅angular-translate Docs

Angular-translate功能无法按预期工作

2 个答案:

通过过滤器

通过指令1

通过指令2