Jak wprowadzić kod HTML do szablonu z polimerem 1.x?

Question

Część szablonu mojego komponentu Polimer ma na celu renderowanie kodu HTML bez zmiany znaczenia z odpowiedzi JSON (tak, to jest bezpieczne w tym przypadku). Do tej pory używałem soczystego html (https://github.com/Juicy/juicy-html), ale nie działa już z polimerem 1.x.

Odpowiednia część mojego szablonu wyglądała prawie tak:

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

Czytałem o kilka rozwiązań wstrzykiwanie HTML z wcześniejszymi wersjami polimeru, ale zastanawiam się, czy istnieje „kanoniczny sposób "Aby to osiągnąć z 1.x?

Answer 1

pracujemy nad obsługą Polymer 1.0.x. Czy sprawdziłeś numer https://github.com/Juicy/juicy-html/tree/1.0.x?

Answer 2

Nieco hack-owski sposób powiązać węzła innerHTML właściwość:

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

Polymer wywodzi kapitalizacji z myślnikami, tłumacząc następującą postać na wielkie litery, a podczas korzystania z equals (=) zamiast Równa-dolara (=$) Polimer łączy się z właściwością węzła, a nie z atrybutem.