Angular-translate函数未按预期工作

Question

我包括翻译到我的网站使用angular-translate

所以我有这段代码：

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

但是当我将translate添加到第一个<a>时，这两个特性都不起作用。我尝试了几种方法来解决这个问题，但都失败了。也许有同样问题的人也能帮上忙？谢谢。

Answer 1

角度平移是一个过滤器

{{button.text|translate}}

Answer 2

我很好奇subButton.text包含了什么。它需要包含您正在查找的转换值的键。例如，我的翻译文件如下所示：

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

我可以用多种方式创建一个按钮。

通孔过滤器

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

via指令1

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

via指令2

<button translate>"SUB_BUTTON"</button>

有关更多信息，请在angular-translate Docs上进一步阅读