2017-09-22 3 views
3

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

これは私のフォルダ構造

enter image description here

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

答えて

6

あなたは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が含まれています。

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

+0

を私は ''特定のcomponents'ため.js'ファイルを追加することができますどのように? –

+0

[ここ](https://stackoverflow.com/questions/42478930/how-to-import-javascript-file-into-angular2)または[ここ](https://stackoverflow.com/questions/44817349/how-to) -include-external-js-file-in-angle-4-and-call-function-angleからjへ) – pzaenger

+0

私は '.js'ファイルを' .angular-cli.json>スクリプトにインポートする必要があることを知っています:[...] 'しかし、私の' .js'スクリプトは一つのコンポーネントでのみ使用します。 –

関連する問題