Comment attribuer des entités HTML dans la définition d'élément polymère?

Version de question alternative: Comment éviter que des entités HTML ne soient échappées, lorsqu'elles sont ajoutées dans la définition de l'élément Polymer?

Supposons donc cet exemple simplifié (tous les éléments de bibliothèques de polymères sont ajoutés dans le code réel):

Définition de l'élément

<polymer-element name="x-test" attributes="val"> <template> <div>{{shownVal}}</div> </template> <script> Polymer( 'x-test', { shownVal: '', valChanged: function(){ this.shownVal = this.val + ' &amp;'; } }); </script> </polymer-element> 

Utilisation d'élément

 <x-test val="123"></x-test> 

Cela se traduira par une sortie comme celle-ci:

123 & amp;

Version : polymère 0.1.2

Que dois-je changer / ajouter à avoir une sortie comme 123 & ?

Ou est-ce une sorte de bogue, je devrais savoir aux gens de Polymer?

Je sais, que je pourrais ajouter l'entité dans <template> et cela fonctionnerait, mais j'ai un code qui modifie les attributs d'entrée et doit utiliser des entités.


Remarque: si vous utilisez l'élément comme celui-ci

 <x-test val="123 &amp;"></x-test> 

Tout se porte bien.

    Il y a plusieurs façons de faire ça:

    • Filtres personnalisés (pas encore documenté)

       encodeEntities: function(value) { var div = document.createElement('div'); div.innerHTML = this.shownVal; return div.innerHTML; } 
    • Utilisez la recherche de noeud automatique et définissez le .innerHTML d'un conteneur.

       this.$.container.innerHTML = this.shownVal; 

    Démo montrant les deux: http://jsbin.com/uDAfOXIK/2/edit