如何实现angularJS网站的单独起始页?

How to achieve separate start page for website with angularJS?

我正在尝试创建一个具有单独起始页(带有大图片和标题)的网页。单击此起始页后,该起始页将消失/指向实际的起始页。我正在使用 routeProvider 和 angular 1.5.

我尝试了两种方法:

1) 使用 whole-viewport-fixed div 和 ng-if="showOverlay"。首先显示此 div 并使用 ng-if="!showOverlay" 隐藏实际起始页。我使用 ng-click.

切换了它

问题:这工作得很好,但在加载页面时,整个 actual-page-part 也被短暂地呈现和显示。只有半秒钟,但时间太长了。 也许有人有想法在评估 ng-if...

之前阻止呈现所有内容

2) "overlay-start-page" 使用不同的路线。但是在这里我 运行 遇到了导航栏位于 index.html 之外的另一条路线的问题,因此我无法正确嵌套 ng-views 和路线......而且我没有想对这个小页面的状态使用 ui-router。 对于这种方法,我什至没有得到任何工作,也没有找到正确的方法:-(

有没有人对如何在开头实现这个 "overlay" 页面有很好的(也许完全不同)想法?如果您重新加载 root-URL,它也应该再次显示,但在那之前不会。

我很欣赏每一个想法。我在这里不知所措...提前致谢!

charlietfl 的评论是正确答案,谢谢:

try using ng-cloak and associated css as per docs

对于所有还不知道 ng-cloak 的人:要显示的部分必须有 ng-cloak 指令。所有要隐藏的部分都必须附加 class="ng-cloak"。重要提示:angular.js 文件必须在代码之前加载,即在索引文件的 <head> 部分。

我会关闭这个问题。