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



我正在尝试在Angular 6应用程序中为访客主页和管理页面实现单独的布局。问题是,我有两个不同的模板,每个模板都有它们的js和css文件。我找到了一种在组件级别上使用样式的方法,但对于脚本,我找不到任何方法,而是有一些方法可以在需要的地方和需要的时候加载所有脚本。这就像,我的访客主页使用了与我的管理页面完全不同的css样式和脚本文件集。我知道我可能应该把我的应用程序分成模块,然后懒加载我的模块,但我不知道如何根据我当前访问的页面或路线使用不同的风格和脚本。目前,我将我的样式放入一个组件中,该组件是我的访客主页组件,我可以对管理员执行同样的操作,然后使用父路由和子路由将它们分离,但我如何在不在组件级别加载脚本和样式的情况下实现相同的操作。非常感谢。

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

最新更新