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

Question

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

标签： javascriptcssangularweb

Answer 1

我会在这里回答并说我已经通过使用单独的服务来加载脚本来解决它，并且只会将服务注入到我需要它的组件中，并为 id 提供我需要在该页面上拥有的一组脚本。