AngularJS角度转换按钮文本丢失

Question

我正在使用AngularJS和angular-translate（pascalprecht）。 我遇到了一个问题，按钮元素上的翻译文本没有显示，直到我将按钮滚出当前视图并向后滚动或以其他方式重绘页面（如切换显示：无） 。翻译的文本已经到位（通过检查员检查 - chrome dev工具）。

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

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

我尝试使用锚点（＆＃39; a＆＃39;）元素交换按钮元素，但错误仍然存​​在。

Answer 1

我搜索了一下，似乎这与AngularJS无关，但更多的是webkit How can I force WebKit to redraw/repaint to propagate style changes?

从列出的答案我尝试了几个。我不想切换显示：无（虽然有帮助）。我尝试添加z-index，但没有帮助。

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

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

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