Angular 2，StyleUrls + 样式

Question

我无法在组件中同时使用 styleUrls + styles(看起来最后声明的那个被使用)。解决这个问题的最佳方法是什么？

我想使用 ./board.component.css 来声明基本样式，但想添加 terrainStyles 字符串，它是使用 logic+data 生成的数据库。

我知道我可以将所有样式写成字符串，但我想将大部分样式保留在 css 文件中。有什么好的方法可以在css文件中包含逻辑吗？还是我没有考虑过的事情？

Component({
  selector: 'board',
  templateUrl: './board.component.html',
  styleUrls: ['./board.component.css'],
  styles: [terrainStyles] // string generated using typescript logic
})
export class BoardComponent implements OnInit {
  // ...
}

Answer 1

我正在使用 Webpack，在尝试同时使用 styles 和 styleUrls 属性时遇到了同样的问题。

我通过在 style 属性中要求我在 styleUrls 中定义的样式表来解决这个问题。

styles: ['.something { display: block; }', require('./stylesheet.component.css')]