角2、StyleUrls +スタイル

Question

styleUrls + stylesをコンポーネントで使用することはできません（最後に宣言されたものが表示されます）。これを回避する最善の方法は何ですか？

基本スタイルを宣言するのに./board.component.cssを使用しますが、DBから論理+データを使用して生成されたterrainStyles文字列を追加したいとします。

私は文字列としてすべてのスタイルを書くことができますが、私は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プロパティで定義したスタイルシートを要求して、その周りにいました。

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