Heim  >  Artikel  >  Web-Frontend  >  So führen Sie CSS in Angular ein

So führen Sie CSS in Angular ein

青灯夜游
青灯夜游Original
2021-09-29 17:43:173054Durchsuche

So führen Sie CSS in Angular ein: 1. Legen Sie die Anweisung „@Component({styleUrls:['css file path']})“ in der ts-Datei fest. 2. Legen Sie „@Component({styles:[` css style Code „]})“-Anweisung.

So führen Sie CSS in Angular ein

Die Betriebsumgebung dieses Tutorials: Windows7-System, Angular6-Version, Dell G3-Computer.

angular Zwei Möglichkeiten, CSS einzuführen

Schreiben Sie @Component({....}) in die TS-Datei

Methode 1:

styleUrls:['css文件路径']

Methode 2:

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

[ Zugehörige Tutorial-Empfehlung: „Angular-Tutorial“]

Das obige ist der detaillierte Inhalt vonSo führen Sie CSS in Angular ein. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn