2016-11-29 14 views
3

私はバックエンドからエンコード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

私はのdocument.getElementById( "AUX")でのjQueryにデコードするために使用。innerHTMLの= $( '') .html(バウチャー).text();

しかし、角度2に類似しているかどうかはわかりません。

おかげ

+0

、あなたが 'エスケープしていないサーバーの男を教えてください<' '<'などとしてその後、 'innerHTML'を使って挿入することができます。 –

+0

innerHTMLは現在innerHtmlです。 –

答えて

4

はたぶん、あなたは、このような[innerHTMLプロパティ]など、いくつかのディレクティブを、必要とします。 this例を試す使用してください:

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

、これはあなたがDOMに挿入するHTMLであると仮定すると、var_string = "<strong>example</strong>";

+0

正確です。さらに、このHTMLを(HTMLを示すテキストではなく)HTMLとして挿入して解釈したい場合は、この[優秀な記事](https://medium.com/@isaacplmann/if-you-think- 2ランタイムジッタコンパイラ2ed4308f7515#.4gqsonhth)を使用し、より便利なソリューションを選択することができます。 –

+0

あなたが言うように[innerHTML]だけを使用すると、「

」と表示されます。私は最初にデコードする必要があり、次にInnerHTMLを有効にします –

+0

おそらくdecodeURIComponentを使うことができます。 このように:var uri_dec = decodeURIComponent(var_html_string); ここに例があります - > http://www.w3schools.com/code/tryit.asp?filename=FA0TR4JH7GKL –

関連する問題