Question

我有一个包含前端和管理界面的angular2应用程序。

前端在index.html中定义了一组独特的前端样式。

管理界面有自己独特的一组样式，这些样式可能与前端的样式冲突。

因此我希望有一个admin.html和一个index.html。如果用户选择路径/ admin / **，则使用admin.html显示，否则显示index.html。应该共享应用程序中的所有其他内容（应用程序模块，服务等）。

我考虑过使用2个不同的根组件并封装css - 但是 - 大多数样式都是常规的css文件 - 而且我不相信将它们与不同的根组件相关联是可行的。

Answer 1

为什么不将样式封装在组件中？ Angular 2是一个单页面应用程序。您不应该也不应该使用多个html页面（index.html）。您可以创建不同的组件并为每个组件指定样式表：

主页组件

import { Component } from '@angular/core';


@Component({
  moduleId: module.id,
  templateUrl: 'home.component.html',
  styleUrls: ['home.component.css'],
  selector: 'home',
})
export class HomeComponent {}

管理组件

import { Component } from '@angular/core';


@Component({
  moduleId: module.id,
  templateUrl: 'admin.component.html',
  styleUrls: ['admin.component.css'],
  selector: 'admin',
})
export class AdminComponent {}

两个不同的html页面之间的Angular2路由

1 个答案: