如何在 angular 應用程序中延遲加載 static JSON

Question

我想知道如何在 angular 應用程序中延遲加載 JSON 文件。 據我了解，assets 文件夾中的 static 內容僅在初始渲染時默認加載，並且存在於瀏覽器 memory 中。 我只希望在瀏覽器中按需加載特定的 JSON 文件。 有人可以解釋一下如何做到這一點。

Answer 1

不必將所有 static 內容放在 app 模塊的 assets 文件夾中。 您可以在模塊級別創建資產文件夾。 以便在加載模塊時加載這些內容。

app/
    modules/
        module_1/
            assets/
                images/
                    image_module_1.png
            module_1.component.ts
            module_1.module.ts
        module_2/
            assets/
                images/
                    image_module_2.png
            module_2.component.ts
            module_2.module.ts
    app.module.ts

在上述層次結構的情況下，如果 module_2 是延遲加載的，那么在加載模塊時也會下載資產。