假设有一个Angular2+应用程序包含编号为1-10的组件。
构成部分1、2、3位于主页。 组件1是引导组件。 组件9和10被配置为延迟加载。
现在组件的HTML/CSS/JS何时加载?
发布于 2018-10-08 16:38:12
开始时只加载组件1、2、3?
如果这3个组件是主页所包含的唯一三个组件,那么是的,这是构建在初始阶段的唯一组件。
组件4-8在应用程序开始时是否带有空数据,并且在通过AJAX调用服务器到该组件时获取数据?
这取决于它的实现方式。您可以从服务器获取所有数据,但也可以将其存储在组件本身中(如果需要静态数据)。但是,构建组件的JS被发送到客户端,组件只是没有构建。只有在延迟加载的情况下,才不会将JS发送到客户机(然后通过ajax加载JS)。
所有早期加载的组件都是在应用程序开始时加载的,这是真的吗?
是的,它们都是在一开始就创造出来的。
如果所有早期加载组件都在启动时加载,那么我们能看到这些组件的HTML是否彻底,或者可以在浏览器控制台中检查这些组件吗?如果不是,组件数据存储在客户端/浏览器中的位置或方式。
我们看不到未构建的组件的HTML。当您通过应用程序导航时(在导航中使用角度构建),组件将根据需要呈现的组件进行动态构建和分解。只有在生成/呈现组件时,才能查看组件。不需要呈现的组件甚至不会出现在DOM中(因此您无法在Devtools中看到它)。
https://stackoverflow.com/questions/52706437
复制相似问题