javascript - Angular 6 - 为不同的布局提供不同的脚本和样式

Question

我正在尝试在 Angular 6 应用程序中为 guest 主页和管理页面实现单独的布局。问题是，我有两个不同的模板，每个模板都有它们的 js 和 css 文件。我找到了一种在组件级别使用样式的方法，但是对于脚本，我找不到任何方法，而不是有一些方法可以在我需要它们的地方和需要它们的时候加载所有脚本。就像，我的访客主页使用了与我的管理页面完全不同的一组 css 样式和脚本文件。我知道我可能应该将我的应用程序拆分为模块，然后延迟加载我的模块，但我不明白如何根据我当前访问的页面或路由使用不同的样式和脚本。现在，我将我的样式放入一个组件中，该组件是我的访客主页组件，我可以为管理员做同样的事情，然后使用父路由和子路由将它们分开，但是我如何才能为脚本和样式实现相同的功能，而不需要在组件级别加载它们。谢谢。

Answer 1

我会在这里回答并说我已经通过使用单独的服务来加载脚本来解决它，并且只会在我需要它的组件中注入(inject)服务并为 id 提供我需要的脚本数组那个页面。