winkel 2 Polymer-Elemente Stil

Question

Ich benutze Angular2 mit Polymer-Elementen und es funktioniert gut. Aber wenn ich versuche, einige der Polymerelemente, z. Papiereingabe funktioniert nicht.

Ich habe versucht, die Stile in die Komponente, die index.html überall, aber es scheint, dass meine neuen Stile ignoriert werden.

Zum Beispiel habe ich zu meiner CSS hinzugefügt.

paper-input:root{ 
    --paper-input-container-focus-color: yellow; 
} 

Wenn ich die Papiereingabe fokussiere, ist die Schriftfarbe immer noch die Standardfarbe blau.

Hat jemand Erfahrung mit angular 2 in Kombination mit Polymerelementen und weiß, was ich falsch mache und whoe die Schriftfarbe oder die Unterstreichfarbe einer Papiereingabe ändern?

Danke

Answer 1

späte Antwort, aber wenn Sie versuchen, Angular 2 und Polymer 1 zusammen zu arbeiten, werfen Sie einen Blick auf https://github.com/platosha/angular-polymer zu bekommen.

Wenn Sie möchten, dass Angular 4+ und Polymer 2 zusammenarbeiten, lesen Sie https://github.com/hotforfeature/origami.

Ich kann nicht sagen, wenn Sie verwenden sind Polymer 1 oder 2, aber das Problem ist, dass Ihre Artikel 1 nicht <style is="custom-style"></style> für Polymer sind, oder <custom-style><style></style></custom-style> für Polymer 2.

Sie eine dieser beiden Bibliotheken verwenden können um die Lücken zwischen Angular und Polymer zu überbrücken, oder schreiben Sie Ihren eigenen einfachen Dienst, um die richtigen Stilattribute/Tags zur Laufzeit hinzuzufügen/einzubinden.