javascript - AngularJS角度翻译按钮文本丢失

Question

我正在使用带有角度翻译（pascalprecht）的AngularJS。我遇到了一个问题，按钮元素上的翻译文本不会显示，直到我将按钮滚动出当前视图并回滚或以其他方式重绘页面（如切换显示：无）。翻译后的文本虽然到位（通过检查器检查 - chrome 开发工具）。

这发生在 Chrome 上，我无法在 Firefox 上复制它。翻译通过 staticFileLoader（本地文件）加载。元素上的翻译以这种方式添加：

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

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

score 1 · Accepted Answer

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

从列出的答案中，我尝试了一些。我不想切换 display: none （虽然有帮助）。我尝试添加 z-index，但没有帮助。

它做了什么，在按钮后添加了一个空样式标签：

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

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

1 回答 1