Javascript 如何避免在开始时显示{{…}}？

我正在开发一些简单的angularjs SPA，我注意到在开始时，在angularjs加载数据之前，SPA中显示了许多

{{…}}

如何避免这种行为？

使用

从

ngclope指令用于防止浏览器在加载应用程序时以原始（未编译）形式短暂显示Angular html模板。使用此指令可避免由html模板显示引起的不良闪烁效果

使用

从

ngclope指令用于防止浏览器在加载应用程序时以原始（未编译）形式短暂显示Angular html模板。使用此指令可避免由html模板显示引起的不良闪烁效果

---

我想你要找的是NG斗篷

文件：

---

我想你要找的是NG斗篷

文件：

---

不要在元素内部绑定数据。使用属性。您要查找的是

ng bind

属性

所以

{{your.data}}

将成为

---

ng-clope

也可以工作，但最好了解两者。

不要在元素内部绑定数据。使用属性。您要查找的是

ng bind

属性

所以

{{your.data}}

将成为

ng-clope

也可以工作，但了解这两个方面很好

基本上，显示为

{{}}

的内容是插值指令 都是未编译的数据

您可以在身体上使用

ng-clope

指令，该指令将显示

无！重要信息

CSS，您可以将此指令用作

class

或

属性

，您需要使用它添加下面给出的CSS规则

CSS

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

备选方案 使用将在当前控制器范围内计算表达式的

ng bind

指令

基本上，显示为

{{}}

的内容是插值指令 都是未编译的数据

您可以在身体上使用

ng-clope

指令，该指令将显示

无！重要信息

CSS，您可以将此指令用作

class

或

属性

，您需要使用它添加下面给出的CSS规则

CSS

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

备选方案 使用将在当前控制器范围内计算表达式的指令。

使用ng bind

最好使用ngBind而不是{{variable}，这将避免浏览器暂时显示{{}。人们使用{{variable}}是因为它不太冗长，可读性更强

<div>
      <div ng-bind="name"></div>
</div>

除了ng绑定，你还可以使用ng斗篷。文档是否使用ng bind

最好使用ngBind而不是{{variable}，这将避免浏览器暂时显示{{}。人们使用{{variable}}是因为它不太冗长，可读性更强

<div>
      <div ng-bind="name"></div>
</div>

---

除了ng绑定，你还可以使用ng斗篷。文档是否使用ng斗篷进行此操作使用ng斗篷进行此操作this@xRobot你还需要什么吗？@xRobot你还需要什么吗？