Angularjs 网页呈现为“引用”；撕破；

我使用的是Firefox54（64位），我的应用程序使用的是AngularJS材质和AngularJS。我不明白为什么我的网页重画后大部分时间显示不正确。它似乎被“撕裂”。我添加了一个按钮，专门用于使用以下代码重新绘制：

它会更新显示，并在3-4次单击后，成功地正确显示页面

我有主HTML文件，其中包括有问题的部分。以下是包含以下内容的部分：

下面是出现问题的HTML文件：

{{currentWorkflowStepTitle}
{{查看\扫描\当前\消息}
左手信息
食指
中指
无名指
小指
拇指
右手信息
食指
中指
无名指
小指
拇指

这里似乎没有足够的信息来帮助调试。可能会添加这个“撕裂”区域的截图和受影响区域的css+html。我加入了截图我还加入了一些html代码。如果我调整浏览器窗口的大小，问题就会消失。我想知道当用户调整窗口大小时调用哪个重画方法。我试图手动调用window.self.resizeTo（），但什么也没发生。有人吗？这里似乎没有足够的信息来帮助调试。可能会添加这个“撕裂”区域的截图和受影响区域的css+html。我加入了截图我还加入了一些html代码。如果我调整浏览器窗口的大小，问题就会消失。我想知道当用户调整窗口大小时调用哪个重画方法。我试图手动调用window.self.resizeTo（），但什么也没发生。有人吗？

var scanPageElt = document.getElementById("scanPage");
// Force page redraw (buggy with tearing/banding)
scanPageElt.style.display = 'none';
scanPageElt.offsetHeight;
scanPageElt.style.display = '';
console.log("Page redrawn!");