javascript - Angular 翻译功能未按预期工作

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>

子按钮正常显示，翻译也正常。但只翻译子按钮。

问题是:我想翻译 {{button.text}}还有

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

Answer 1

Angular 平移是一个过滤器

{{button.text|translate}}