Question

我愿意使用一个常见的CSS，即我的root css跨应用程序的所有模块。这可以通过在所有组件中单独添加@Entity @Table(name = "order") public class Order { @Id @GeneratedValue(strategy = GenerationType.IDENTITY) private Integer id; private String name; private double price; @ManyToOne(fetch = FetchType.EAGER) @JoinColumn(name = "customer_id") private Customer customer; public Order() { } public Order(String name, double price) { this.name = name; this.price = price; } ...omit setter and getter...标记的css路径来实现。还有其他方法，比如在NgModule级别包含css吗？

Answer 1

如果您将样式添加到index.html页面，它们将应用于所有组件，但不会应用视图封装模拟。

除此之外，我不认为Angular2本身提供任何东西。

Answer 2

我今天也想知道。模块化CSS没有功能，所以我最终使用Sass导入来实现我需要做的事情。

请注意，虽然它是重复的，但它比使用应用程序范围的CSS更好，这比封装的目的要好。

给定以下文件结构：

my-component/
 ├──first/
 │   ├──first.component.ts     * first component
 │   ├──first.component.scss   * first component's SCSS
 │   └──...                    * first component's module, html etc.
 │
 ├──second/
 │   ├──second.component.ts    * second component
 │   ├──second.component.scss  * second component's SCSS
 │   └──...                    * second component's module, html etc.
 │
 ├──my-component.module.ts     * my component's module 
 ├──my-component.routes.ts     * my component's routes 
 └──_shared.scss               * the shared partial SCSS

我将_shared部分导入我的first.component.scss和second.component.scss，如下所示：

@import '../shared';

在所有模块中使用通用CSS，Angular 2 RC6

2 个答案: