Wie injiziere ich HTML in eine Vorlage mit Polymer 1.x?

Question

Ein Teil der Vorlage meiner Polymer-Komponente soll HTML-Code aus einer JSON-Antwort entkernen (ja, in diesem Fall ist es sicher). Ich habe dafür bisher juicy-html (https://github.com/Juicy/juicy-html) verwendet, aber es funktioniert nicht mehr mit Polymer 1.x.

Der entsprechende Teil meiner Vorlage sah ziemlich viel wie folgt aus:

<template if="{{item.part1}}"> 
    <div> 
    <template is="juicy-html" content="{{item.part1.part2 | callFunction}}"></template> 
    </div> 
</template> 

ich einige Lösungen zur Injektion von HTML mit früheren Versionen von Polymer zu lesen, aber ich frage mich, ob es eine „kanonische Weise ist "Um dies mit 1.x zu erreichen?

Answer 1

wir arbeiten an Polymer 1.0.x Unterstützung. Haben Sie überprüft?

Answer 2

Eine leicht hack-ish Art und Weise eines Knotens innerHTML Eigenschaft zu binden:

<div inner-h-t-m-l="{{myProp}}"></div> 

Polymer folgert Kapitalisierung von Bindestrichen, die folgenden Zeichen zu übersetzen in Großbuchstaben, und wenn Sie equals (=) anstelle von Gleichen-Dollar (=$) Polymer bindet an die Eigenschaft des Knotens lieber als das Attribut.