ホームページ  >  記事  >  ウェブフロントエンド  >  AngularでCSSを導入する方法

AngularでCSSを導入する方法

青灯夜游
青灯夜游オリジナル
2021-09-29 17:43:173070ブラウズ

Angular で CSS を導入する方法: 1. ts ファイルに「@Component({styleUrls:['css file path']})」ステートメントを設定します; 2. 「@Component({styles: [`css スタイル コード`]})」ステートメント。

AngularでCSSを導入する方法

このチュートリアルの動作環境: Windows7 システム、angular6 バージョン、Dell G3 コンピューター。

angular cssを導入する2つの方法

tsファイルに記述する @Component({....}) ##を入力

#方法 1:

styleUrls:['css文件路径']

方法 2:

styles:[`
//直接写css样式 格式和在css文件里面一样 例如
a{
color:red;
}
`]
//注意 是反引号`` tab键上面那个

[関連チュートリアルの推奨事項:

angular チュートリアル》]

以上がAngularでCSSを導入する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。