2016-11-29 2 views
3

Я получаю из back-end кодировку html, но я не могу ее декодировать.декодировать html в typeScript угловой 2

Я попытался с decodeURIComponent и decodeURI.

I got from server=' 
 
"<table style="background-color: white;"> 
 
    <tbody> 
 
     <tr> 
 
      <td> 
 
        <div id="voucher"> 
 
         <table> 
 
          <tr> 
 
           <td colspan="1" class="normal-left">ID:</td> 
 
           <td colspan="3" class="normal-left">ce203c7c804c4f258947adf3d63b2d7d</td> 
 
          </tr> 
 
         </table> 
 
        </div> 
 
       </div> 
 
      </td> 
 
     </tr> 
 
    </tbody> 
 
</table>" 
 
'

// This is my HTML 
 

 
<ion-content padding> 
 
<ion-list> 
 
    <ion-item> 
 
    <span [innerHtml]="aux"></span> 
 
    </ion-item> 
 
    </ion-list> 
 
</ion-content>

And this is the result

Я использовал для декодирования в Jquery с document.getElementById ("AUX"). InnerHTML = $ ('') .html (ваучер) .text();

Но я не знаю, имеет ли Угловое 2 нечто подобное.

Благодаря

+0

Предполагая, что это HTML, который вы хотите вставить в DOM, вы должны сказать ребятам сервер не избежать '<' как '<' и т.д. Затем вы можете просто вставить его с помощью 'innerHTML'. –

+0

внутреннийHTML сейчас внутреннийHtml. –

ответ

4

Может быть, вам нужны некоторые директивы, такие как [innerHtml]. Пожалуйста использовать попробовать this пример:

<div [innerHTML]="var_string"></div> 

и var_string = "<strong>example</strong>";

+0

Точно. Кроме того, если вы хотите, чтобы этот HTML-код был вставлен и интерпретирован как HTML (не как текст, показывающий HTML), я советую вам прочитать эту [отличную статью] (https://medium.com/@isaacplmann/if-you-think- вы-нужен-угловой-2-runtime-jit-compiler-2ed4308f7515 # .4gqsonhth) и выбрать наиболее удобное для вас решение. –

+0

Если я использую только [innerHTML], как вы, ребята, скажете, что я получу «». Мне нужно сначала декодировать, а затем я смогу использовать InnerHTML –

+0

Возможно, вы можете использовать decodeURIComponent. Нравится это: var uri_dec = decodeURIComponent (var_html_string); Вот пример -> http://www.w3schools.com/code/tryit.asp?filename=FA0TR4JH7GKL –

Смежные вопросы