Angular5 应用程序根据组件有条件地加载脚本和样式

Angular5 app conditionally load script and styling according to component

我的 angular 应用程序由两部分组成,基于 public 和私有页面: 1- 登陆页面(登录前) 2- 仪表板和其他页面(对于授权用户)

着陆页组件包含 signup/login 功能和一些其他静态 html 元素。

两者都是独立的组件,具有不同的样式。我已经在它自己的样式文件中提到了着陆页的样式。

登录后用户可以访问多个页面,包括仪表板、用户页面等,它们共享共同的样式,它们也有共同的组件,如页眉、侧边栏等,因为它们都共享相同的样式,我将不得不在应用程序组件,以便它自动继承所有样式。

如何将其余页面样式与目标网页分开?

处理这种情况的下注方法是什么?

PS:我也在考虑在同一个项目下创建单独的应用程序,这个方法是否相关 使用 angular cli 处理多个应用程序 ?

是的,拥有多个应用程序对您的情况很有意义。但是,我建议让登录页面不受任何框架的影响。我们正在开发类似的东西。我们有纯 html 和 css 的登录页面。当用户登录成功后,s/he 可以访问 angular 应用程序。 Angular 很棒,我们都喜欢它,但它带有一堆你不知道的依赖项。在我看来,让与安全相关的页面不受任何框架的影响更好。这意味着您必须为页眉、页脚等复制样式,但这是值得的。

看看最近发布的这篇article。如果您不知道要发送给用户的是什么,这会带来很大的安全风险。

P.S:angular 的依赖项可能没问题,但是当涉及到安全性时,您不能假设事情是安全的。