AngularJS角度翻译按钮文本丢失

AngularJS angular-translate button text missing

本文关键字：文本 按钮 翻译 AngularJS      更新时间：2023-09-26

我正在使用带有角度平移（pascalprecht）的AngularJS。我遇到了一个问题，按钮元素上的翻译文本不会显示，直到我将按钮从当前视图中滚动出来，再滚动回来或以其他方式重新绘制页面（如切换显示：无）。翻译后的文本已经就位（通过检查器chrome-dev工具进行检查）。

这种情况发生在Chrome上，我无法在Firefox上复制。翻译是用staticFileLoader（本地文件）加载的。元素的翻译是这样添加的：

<button class="button large x-wide" type="submit">{{ "SUBMIT" | translate }}</button>

我尝试用锚点（'a'）元素交换按钮元素，但错误仍然存在。

我搜索了更多，这似乎与AngularJS无关，而是与webkit有关。我如何强制webkit重新绘制/重新绘制以传播样式更改？

从列出的答案中，我试了几个。我不想切换显示：没有（但这有帮助）。我试着添加z索引，但无济于事。

它的作用是在按钮后面添加一个空的样式标签：

<button class="button large x-wide" type="submit">{{ "SUBMIT" | translate }}</button>
<style></style>

翻译几秒钟后就会出现。这不是最优的，但有效。

相关文章：