Angular2:当两个'根源时的替代品需要吗?

时间:2016-04-27 20:22:24

标签: angular

我正在努力教自己angular2。我正在编写一个简单的应用程序,其中包含许多网站的布局:标题(例如搜索和徽标)和内容主体。

我的问题如下:例如,如果您加载Facebook,您首先会看到粗略的页面布局(空div和css),并且异步加载内容。那太好了,你等一下,但至少你看到了发生了什么。

想象一下我的(类似facebook)设置。如果我想拥有相同的。你说你用你的主要html页面放入了带有css的div。并在div中加载各个组件(app)。

但据我所知,在ng2中,你只能引导一个根。那么如何加载单独的标题组件和主视图组件?

好的,您可以导入它们并将div放入根模板中,然后只需使用页面布局加载应用程序。但这会带来一个问题,即用户会看到一个空白页面(或看到"正在加载......"),直到应用程序加载,我觉得这在视觉上并不吸引人。

怎么会绕过这个?

1 个答案:

答案 0 :(得分:4)

预防"无格式内容的闪现"除非您先从服务器加载应用程序,否则您将遇到FOUC。如果您有可用的堆栈支持它,请查看angular-universal,这将允许您的服务器计算您的应用程序并提供已编译的HTML。然而,这只是阻止FOUC的众多方法之一。