Wenn ich Stilelemente in diese Komponente einfüge:
%Vor%und wenn Stil Referenzen auf Bilder enthält, zum Beispiel
%Vor% Der Browserversucht, bg.jpg in der Basis-URL ( Ссылка ) zu finden. Stattdessen sollte er nach dem Bild in " Ссылка ".
Das passiert, wenn Angular2 den Stil zwischen style -Tags einfügt. Ist es möglich, Angular2 stattdessen <link rel="stylesheet" href="..."/> einzufügen?
Plunker: Ссылка öffnen Sie die Browser-Entwicklerkonsole und suchen Sie nach "bg.jpg"
In diesem Blog wird geschrieben, wie sich Stile in angular2 gegenseitig überschreiben Ссылка
Zitat: "Wo landen diese im DOM? Nun, aus dem gleichen Grund, wie zuvor erklärt, sind sie in den Kopf des Dokuments geschrieben. Aber nicht nur das, wenn Angular die Stil-Ressourcen holt, Es nimmt die Textantwort, Inline und fügt sie nach allen Inline-Stilen der Komponente an. "
Template Inline Styles haben die höchste Priorität in Angular2
Wenn Sie mit <link rel="stylesheet" href="..."/> in der Kopfzeile arbeiten, sehen Sie sich diesen Thread an CSS-Dateipfade lösen sich nicht ordnungsgemäß mit angular ng-view auf , dort muss ein ' / '
<link rel="stylesheet" href="/styles/main.css"/> anstelle von <link rel="stylesheet" href="styles/main.css"/>
In diesem Thread ist eine zusätzliche Erklärung Lade externen CSS-Stil in Angular 2 Komponente
Drei Möglichkeiten zum Einfügen von CSS
Vielleicht ist die einfachste Lösung, den vollständigen Pfad in das CSS einzufügen
%Vor%statt
%Vor% Sie sollten Daten in der css-Datei entsprechend dem Basispfad Ihrer App laden / importieren (Sie können <base href="YOUR_APP_DIRECTORY_PATH" /> als erstes Kind des head-Tags von index.html für die Konsistenz hinzufügen) wie dieses
Tags und Links angular
