Javascript JavaFXWebView中的角度闪烁

我正在构建一个运行在JavaFXWebView中的angular应用程序，当我将两个元素的ng show（或ng类）绑定到一个范围变量时，它们暂时都是可见的

我尝试过以下几种风格：

    <span class="actual-text" ng-class="{placeholder-text:mainCtrl.insertedText.length > 0}">
    {{mainModels.insertedText||'a place holder text'}}
    </span>

{{mainModels.insertedText | |'a placeholder text'}}

及

{{mainModels.insertedText}
{{mainModels.placeholder}

同样的结果。将它们绑定到不同的范围变量（并手动设置这些变量的出现顺序）将是我最后的选择，但对我来说似乎是一个非常无角度的解决方案。还有人注意到这样的问题吗？我的角度代码有什么根本性的问题吗

编辑 该代码在常规浏览器上工作。

---

当我不将ng material模块注入我的应用程序时，问题就消失了…

我想angular应用程序在Chrome这样的普通浏览器中工作，它使用相同的基础进行渲染（WebKit）？您使用的Java版本是什么？您的假设是正确的：）而且，当我不将ng material模块注入我的应用程序时，问题就消失了。。。

    <span class="actual-text" ng-show="mainCtrl.insertedText.length > 0">{{mainModels.insertedText }}</span>
    <span class="placeholder-text" ng-show="mainCtrl.insertedText.length == 0">{{mainModels.placeholder}}</span>