Css AngularJS视图渲染问题

我正在使用ng view在我的页面上呈现动态数据。当页面加载时，如果我使用静态html，我会得到以下结果（顶部）：

当Angular加载页面时，数据在那里，但元素仍然是空的（底部）

如果我在Chrome开发工具中做了哪怕是最轻微的调整，这些项目都会很快就位，但如果不使用CSS使它们保持静态大小，我就无法让它们进行预填充，因为文本大小不同。所讨论的元素具有内联块的CSS

正如您在这个屏幕截图中所看到的，我尝试了两种填充数据的方法，两种方法都有相同的结果：

<div class="cd-rating" ng-class="caseData.scoreClass">
    <span class="score" ng-bind="caseData.adjustedScore | number:0" ng-cloak>N/A</span>
    <span class="verdict">{{caseData.recommendation}}</span>
</div>

不适用
{{caseData.建议}

以下是HTML在浏览器中的外观：

<div class="cd-rating medium" ng-class="caseData.scoreClass">
    <span class="score ng-binding" ng-bind="caseData.adjustedScore | number:0">349</span>
    <span class="verdict ng-binding">review</span>
</div>

349
回顾

如果我硬编码的HTML相同，那么它呈现完美。只有当Angularjs渲染它时，元素才会折叠，如果没有内容就会出现

我还想补充一点，我正在使用RequireJS并手动引导应用程序，而不是使用ng app指令，以防万一

关于如何让视图填充元素有什么想法吗

---

编辑：这是一个演示该行为的视频：

我无法理解您所说的“.数据仍然存在，但元素为空…”的确切含义。我在AngularJS的渲染中发现的唯一问题是“Review”（按钮？）被数字覆盖

查看您的代码（正如@Wingman4l7所建议的，需要在问题中发布，而不是作为图像发布），我发现您正在使用绑定动态定义一个类。相反，您能否使用

ng class

指令，看看它是否解决了问题

即，替换：

<div class="cd-rating {{caseData.scoreClass}}">

与

---

而是检查问题是否得到解决？

如果将代码集成到问题中，而不是引用问题的图像，则解决问题会更容易。SO上有代码格式——使用`字符将代码括起来，如SO，或将代码缩进4个空格。此外，它使你的问题变得独立，因此如果托管图像失效，问答仍然是相关的。是的，一定会发布一些代码、示例，或者更好。从你的截图上看，在我看来，实际上有一个额外的空白元素将你显示的元素覆盖，而不是缺少元素。我遗漏了什么吗？不幸的是，由于我们使用的应用程序和后端API的复杂性，无法公开访问，JSFIDLE实际上不是一个选项。问题是元素看起来是空的，好像没有内容。这是确切的元素，只是页面似乎认为它是空的。很抱歉浪费您的时间。添加了更多说明、代码和显示此行为的视频。谢谢。我试过了，并更新了上面的代码。还是不行。还发布了一段视频。谢谢你抽出时间。

<div class="cd-rating" ng-class="caseData.scoreClass">