Angularjs 隐藏尖括号，直到加载javascript

我有一些类似HTML的东西

<p class="noresults">{{numberOfContacts}} Results Are Available</p>

我是否可以隐藏{{numberOfContacts}}，直到Angular加载完毕？所以它只能说结果是可用的

我已经找到了一些解决方案，比如在Angular加载之前隐藏整个身体，但如果可能的话，我宁愿不这样做。

是的，使用。只需将class=ng-斗篷或ng-斗篷添加到如下元素中

使用指令

使用类

---

它只是一组带有display:none的CSS规则！重要信息，由于Angular已呈现您的DOM，因此它会移除ng斗篷以使元素可见。

使用而不是{{numberOfContacts}

有时，即使我使用了ng斗篷，我仍能看到大括号几秒钟。添加以下样式解决了我的问题：

[ng-cloak]
{
  display: none !important;
}

有关更多说明，请参阅此链接

---

希望有帮助：D

您可以使用ng bind而不是像这样的表达式

<span ng-bind="data"></span>

---

这通常只是在速度非常慢的设备上处理复杂内容时才会出现的问题。在这些情况下，当AngularJS解析HTML、准备和处理指令时，浏览器可能会在文档中显示HTML。在此时间间隔内，用户将看到您定义的任何内联模板表达式。如今，大多数设备都有相当好的浏览器，它们足够快，可以防止这一问题。有两种方法可以解决这个问题

避免使用内联模板表达式，并坚持使用ng bind指令。 最好使用ng斗篷指令，它将隐藏内容，直到Angular完成处理。基本上，ng-斗篷指令使用CSS隐藏元素，并在处理内容时删除CSS类，确保用户永远不会看到模板表达式的{和}字符。 要考虑的一个策略是将NG外罩直接使用到体元素，这将确保用户在angangJS加载时将看到一个空浏览器。但是，您可以将其应用于文档中包含内联表达式的部分，从而使其更具体。 我已经看到在添加到元素时ng斗篷不起作用的问题。在过去，我通过简单地向元素添加ng斗篷类来解决这个问题

使用ng斗篷指令看一看ng斗篷