angle4のスタイルシートをインポートする

Question

私のプロジェクトを角度JSから角度4にアップグレードしようとしています。私は角度JSプロジェクトで使用したスタイルシートを持っています。

これは私のフォルダ構造

私は角CLIを使用してコンポーネントを作成しています。 すべてが完璧に機能しますが、私はAng 4プロジェクトで自分のスタイルを使用する方法を知らない。 私のスタイルをグローバルに使う方法を説明できる人がいますか？また特定のコンポーネントでのみ使用できますか？

Answer 1

あなたはangular-cli.json以内にあなたのスタイルを追加することができます。

"styles": [ 
    // Your styles go here 
] 

これは、グローバルなスタイルのためです。ローカルスタイル（特定のコンポーネント用）は、コンポーネントに属するaccordative CSSファイル内にあります。 foo.component.css。デフォルトでは、各コンポーネントは、次の注釈があります

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

ので、foo.component.cssは、コンポーネントFooComponentのためのCSSが含まれています。

はこちらをご覧ください：

• Component Styles
• Global styles