आयोनिक

Question

में HTML सामग्री प्रस्तुत मैं निम्नलिखित टेम्पलेट है:

<ion-view view-title="Playlist"> 

<div class="list list-inset"> 
     <div class="item item-divider item-text-wrap"> 
      {{post.titulo}} 
     </div> 
     <div class="item"> 
      <img src="{{post.image}}" width="100%" /> 
     </div> 
     <div class="item item-divider" style="font-size:14px;font-weight:normal;text-align:right"> 
      {{post.fecha}} - By: {{post.autor}} 
     </div> 
     <div class="item item-text-wrap"> 
      {{ post.contenido }} 
     </div> 
    </div> 

सवाल है कि 'post.contenido' एचटीएमएल है कि मैं करना चाहते है इसे प्रदर्शित किया जाना चाहिए क्योंकि यह केवल HTML टैग और टेक्स्ट दिखाएगा।

ऐसी सामग्री प्रस्तुत करने के लिए मैं क्या कर सकता हूं?

दयालु संबंध।

Answer 1

मान लें कि आपके पास एचटीएमएल के साथ एक स्कोप चर है!

$scope.someHTML = "<h1>Big Nice Title here</h1>"; 

आप इसे के रूप में तो

<div ng-bind-html-unsafe="someHTML"></div> 

अपने मामले ..in यह इस

[...] 
<div class="item item-text-wrap" ng-bind-html-unsafe="post.contenido"></div> 
[...] 

Answer 2

की तरह होना चाहिए उत्पादन करने में सक्षम मुझे लगता है कि आप करने के लिए अपने कोड में परिवर्तन करना चाहिए किया जाना चाहिए:
<div class="item item-text-wrap" [innerHTML]="post.contenido"> </div>

Answer 3

बिना किसी असुरक्षित के मेरे लिए काम करता है .. तो समाधान

<div class="item item-text-wrap" ng-bind-html="post.contenido">