离子/角度模态被延迟加载

Question

对于任何带有角度的离子模式，都会有一些代码被延迟加载。

以吐司为例。当您单击“配对”按钮时，将加载三个javascript文件（请参见下面的屏幕截图）。第二次单击“对”时，不会加载其他文件。

这对我来说是有问题的，因为我想在检测到Internet连接问题时向您展示祝酒词，因此需要完全预载祝酒词的代码。我不知道该怎么做。鉴于angular的延迟加载是基于路由的，所以我不了解烤面包机如何甚至可以开始使用延迟加载的代码。

编辑：我知道显示隐藏的吐司将以一种hacky的方式解决该问题，但我对延迟加载系统的工作方式特别感兴趣

Answer 1

解决方案 1 您可以使其预加载的是，当 Angular 加载所有文件时，为用户提供一个 Toast，以便它也加载与 Toast 相关的文件。

就像吐司一样可以

“加载中...”

“连接良好/正常”

因此，这样，toast 文件会在开始时加载，当网络较弱时，您可以 toast 一条消息 a，它会在文件预加载时工作。

解决方案2

您可以像透明吐司一样吐司隐藏样式的吐司，使其不可见，并且对于该吐司，文件会在第一次加载。

解决方案3

您可以将这些文件链接添加到index.html文件中作为预加载策略，以便即使不使用这些文件也会加载它们，并设置缓存策略，以便即使网络有一次不好，以前缓存的文件也可以工作可以在没有互联网的情况下向用户发送消息。