如何用angularJS实现独立的网站起始页



我试图创建一个网页,其中有一个单独的起始页(大图和标题)。这个起始页将在点击后消失/引导到实际的起始页。我使用的是routeProvider和angular 1.5。

我尝试了两种方法:

1)使用ng-if="showOverlay"的整viewport固定div。首先显示这个div,并使用ng-if="!showOverlay"隐藏实际的起始页。我使用ng-click来切换它。

问题:这工作得很好,但在加载页面时,整个实际页面部分也被简单地呈现和显示。只有半秒钟,但时间太长了。也许有人有一个想法,以防止在评估ng-if之前呈现所有内容…

2)为"overlay-start-page"使用不同的路由。但这里我遇到的问题是,导航栏将在另一个路由上而不是index.html,因此我不能嵌套ng-views和路由正确…对于这个小页面,我不想使用uitrouterwithstates。对于这种方法,我甚至没有得到一些工作,也没有找到正确的方法:-(

)

有没有人有一个很好的(也许完全不同)想法如何实现这个"覆盖"页面在开始?如果您重新加载根url,它也应该再次显示,但在此之前不会显示。

我欣赏每一个主意。我在这里不知所措……提前感谢!

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

尝试使用ng-cloak和相关的css按照docs

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

最新更新