2015-06-07 17 views
6

Polimer bileşenimin şablonunun bir kısmının, bir JSON yanıtından çıkışsız HTML oluşturması gerekiyor (evet, bu durumda güvenlidir). Şimdiye kadar bunun için sulu-html (https://github.com/Juicy/juicy-html) kullandım ama artık Polymer 1.x ile çalışmıyor.Polymer 1.x ile bir şablona HTML nasıl enjekte edilir?

şablonumun gelen kısmı böyle hoş çok baktı:

<template if="{{item.part1}}"> 
    <div> 
    <template is="juicy-html" content="{{item.part1.part2 | callFunction}}"></template> 
    </div> 
</template> 
Ben Polymer önceki sürümleri ile HTML enjekte için bir kaç çözüm hakkında okuyun

, ancak "kurallı bir yol olup olmadığını merak ediyorum "Bunu 1.x ile başarmak için?

cevap

11

Biraz bir düğümün innerHTML özelliği bağlamak için bir yol-imsi kesmek:

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

Polimer büyük harfe aşağıdaki karakteri tercüme, tire gelen harf infers ve bunun yerine eşittir-dolar eşittir (=) kullandığınızda (=$) Polimer, özellikten ziyade düğümün özelliğini bağlar.

+1

Bu biraz "kötü", Zikes :) geliyor Ve ayrıca kırılgan. İlginç olsa da ... – north

+0

Bu iyi çalışıyor (en azından şu anda), geçici olarak kullanacağım. Uygun bir çözümü tercih ederim, bu yüzden bunu doğru cevap olarak işaretlemeyeceğim. Ama en azından onu reddettim. Teşekkürler! – north

+0

Keşke size 10 tane hediye verebilirim! – proteneer

İlgili konular