Ich habe eine Reihe von benutzerdefinierten Polymer-Elemente, die ich gerne in einem Winkel 2 Anwendung verwenden würde.Polymerelemente in Winkel 2 Komponente
Es scheint, als gäbe es ein Problem bezüglich der Inhaltsmarkierung des Polymerelements. Der Inhalt des Elements wird an der falschen Stelle innerhalb des Polymerelements gerendert, wenn sich das Element innerhalb einer Winkelkomponente befindet.
Beispiel:
Die Vorlage meines Polymerelement "my-Taste" sieht wie folgt aus:
<template>
<button>
<content></content>
</button>
</template>
Verwendung außerhalb Winkel
Wenn ich dieses Elements außerhalb meines Winkel 2 Komponente, bekomme ich das Ergebnis, das ich erwartet habe:
Verwendung:
<my-button>Foo</my-button>
Ergebnis:
<my-button>
<button>
Foo
</button>
<my-button>
Verwendung innerhalb Winkel 2 -Komponente
Wenn innerhalb eines Winkels 2 Komponente verwendet wird, der Gehalt immer am Ende der Elemente Vorlage gerendert wird. Genauso wie das Content-Tag nicht existiert.
Verwendung:
<my-button>Foo</my-button>
Ergebnis:
<my-button>
<button>
</button>
"Foo"
<my-button>
Frage
Das Problem könnte sein, dass das Polymer und Winkel 2 sowohl den Inhalt als Tag für transclution verwenden. Vielleicht werden die Dinge ein wenig unordentlich, wenn man beide zusammen benutzt.
Ich würde gerne alle meine Polymer-Elemente in eckigen 2 verwenden. Also jede Idee, wie dies zu beheben wäre sehr geschätzt.
veröffentlicht Haben Sie versucht, mit dem 'WebComponentsReady' Ereignis wartet, bevor irgendwelche Winkel Skripte anwenden? –