如何在Angular2中使用不同的样式表js文件网站和登录后的仪表板

Question

我是角色的新手2.学会开发网站（前端）的单页应用程序。但我想要的是登录后，必须使用另一个样式表和js文件不加载网站的CSS，js文件。

例如：

登录前 abc.com或abc.com/* =＆gt;仅加载css1，js1文件（前端站点）

登录后，页面应该像管理员模板一样更改 abc.com/dashboard或abc.com/* =＆gt;仅加载css2，js2文件（后端站点）

即使用户登录后，用户也可以访问前端网站。

请帮我解决这个问题。 我尝试的示例代码仅用于教程中的单页应用程序，因此我认为无需在此处发布。如果我的问题不明确，请告诉我。

注意：它在Angular 2中而不是Angularjs

Answer 1

您可以通过在组件CSS文件中编写代码并使用styleUrls包含该代码来实现此目的。对于仪表板，在该组件内编写CSS文件。 对于JS文件，您可以在仪表板显示之前通过HTTP请求加载该特定的js文件。