Преобразование HTML Entities из JSON в строку

Question

Я использую полимер и я новичок в это (только начал использовать его сегодня), и у меня есть некоторые проблемы, отображающих данные, поступающие из JSON как  , ’, &#8220 и т.д.

HTML

<news-card>   
    <h1>{{summary.title}}</h1> 
    <img src="{{summary.thumbnail}}"></img> 
    <span>{{summary.published}}</span> 
    <p>{{summary.summary}}</p> 
</news-card> 

Ex. JSON:

{ 
title: '’ This is a title', 
thumbnail: 'test.jpg', 
published: 'October 15' 
summary: '“    ' 
} 

Ex. Выход:

’ This is a title 
October 15 
“     

Answer 1

Я использовал пользовательские фильтры для отображения нужного вывода.

HTML

<news-card> 

    <h1>{{summary.title | encodeEntities}}</h1> 
    <img src="{{summary.thumbnail}}"></img> 
    <span>{{summary.published}}</span> 

    <p>{{summary.summary | encodeEntities}}</p> 
</news-card> 

сценария

Polymer('your-polymer-element-name', { 
     encodeEntities: function(value) { 
     var div = document.createElement('div'); 
     div.innerHTML = value; 
     return div.innerHTML; 
     } 
    }); 

Источники:

Polymer - Expressions: Custom Filters

Stackoverflow - How to assign HTML entities in Polymer element definition?