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

So führen Sie CSS in Angular ein

青灯夜游
Freigeben: 2023-01-11 09:22:52
Original
3115 Leute haben es durchsucht

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文件路径']
Nach dem Login kopieren

Methode 2:

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

[ 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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage