Angular 应用程序样式

Question

我正在构建一个前端带有 Angular 和 bootstrap 的应用程序，基本上我有一个登录页面、登录名和登录后的仪表板。

问题是关于如何处理应用程序之间的样式表。登陆页面和仪表板的风格完全不同。着陆页看起来像 this and the dashboard looks like this image.

我制作了不同的 css 文件来处理应用程序的每个部分，现在我正在尝试加入 Angular 应用程序，但是如果我添加那些 css 文件在 angular-cli.json 中的样式数组中，angular 将在索引中添加两者，我将有一些 class 冲突以及登陆仪表板上的文件，反之亦然。

如果能帮助我处理这种情况，我将不胜感激。

Answer 1

通常你的组件会像

@Component({
  selector: 'app-component-uno',
  templateUrl: './app-component-uno.html',
  styleUrls:['./app-component-uno.css'] //<--this
}.....)

与css属于component.there没有冲突。发生冲突的唯一方法是使用封装：ViewEncapsulation.None,

Angular application styling