与用于加载消息的ng-cloak相反

Question

我不知道这是否存在于AngularJS框架中，但从本质上讲，我正在寻找ng-cloak的对立面，它在页面编译之前隐藏元素。我一直在寻找一种方法来显示一个全屏加载消息，直到页面被编译。语言中有没有内置的东西来处理这个问题？

Answer 1

<div ng-show>Loading Results...</div>

未指定属性的ng-show编译为false

Answer 2

您可以使用css来归档此行为。

创建一个类：

.splash {
  display: none;
}

[ng-cloak].splash {
  display: block !important;
}

然后添加：

<div class="splash" ng-cloak> Loading... </div>

这将在Angular代码加载之前显示，并在angular代码完成后隐藏。别忘了也用ng-cloak包装你的angular代码。

<div ng-cloak> Your code... </div>