如果我想隐藏{{xxx}}而不显示在我的页面上，我需要在中放置AngularJS吗？

我有如下HTML：

现在页面简要显示{{app.userService.data.name}

如果我不想让它显示出来，那么我是否必须在我的文档的头部有AngularJS？我之所以将AngularJS放在末尾，是因为我想让页面尽快出现

---

有没有人能给我一些建议，并告诉我如何在页面首次加载时将{xxx}隐藏起来。

你可以通过两种方式来实现-

ng绑定

或

隐形斗篷

{{app.userService.data.name} 不管怎样，你都不会出现。无需将angular.js放入head中。

这是用作css类的ng-Clope指令的角色

检查文档：

您可以使用ng-Clope隐藏任何元素，直到编译完成

<div id="top" ng-cloak
     ng-hide="app.stateService.displayModal">
   <div>{{ app.userService.data.name }}</div>
</div>

或者使用该文件

另请参见：

您最好使用ng bind

而不是{{app.userService.data.name}

这将避免闪烁

<div id="top" ng-cloak
     ng-hide="app.stateService.displayModal">
   <div>{{ app.userService.data.name }}</div>
</div>

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

<span ng-bind="app.userService.data.name"></span>