Question

我有角度2项目，有2个模块，一个用于网络，一个用于管理员。

我将网页的主要样式放在style.css中（在.angular-cli.json中指定）

@import "../node_modules/bootstrap/dist/css/bootstrap.css";

并且效果很好，但style.css代码出现在网络和管理员的每个位置，我想完全分开。

有没有办法为每个模块设置特定的CSS样式文件？

Answer 1

对于您拥有的2个模块，Web模块可以具有：

UPDATE TABLE tbl1
    SET disaster2_an = (disaster2_a - ((disaster2_a + disaster1_a)/2)) / (GREATEST(disaster2_a, disaster1_a) - LEAST(disaster2_a, disaster1_a));

和管理模块可以有：

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

@Component({ selector: 'app-admin', templateUrl: './admin.component.html', styleUrls: ['./admin.component.css'] })中链接的文件仅适用于该组件。所以你可以用这种方式分离每个组件的css样式。

如果您的样式很短并且您不想为每个组件创建单独的文件，则还有其他方法可以将样式应用于特定组件：https://angular.io/docs/ts/latest/guide/component-styles.html

在angular2中为每个模块指定CSS文件

1 个答案: