Angular 6-具有用于不同布局的不同脚本和样式

时间:2018-11-09 17:42:08

标签: javascript css angular web

我正在尝试在Angular 6应用程序中为访客主页和管理页面实现单独的布局。 问题是,我有两个不同的模板,每个模板都有其js和css文件。 我找到了一种在组件级别使用样式的方法,但是对于脚本,除了找到某种方法可以将所有脚本加载到需要的位置和需要的位置时,我找不到任何方法。 就像,我的访客主页使用的CSS样式和脚本文件集与我的管理页面完全不同。我知道我应该将我的应用程序拆分为模块,然后延迟加载模块,但是我不了解如何根据当前访问的页面或路由使用不同的样式和脚本。现在,我将样式放入我的来宾主页组件中,并且可以对管理员执行同样的操作,然后使用父级和子级路由将它们分开,但是如何在不使用脚本和样式的情况下实现相同的效果将它们加载到组件级别。谢谢。

1 个答案:

答案 0 :(得分:0)

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