rendering di contenuti HTML in ionico

ho la seguente configurazione:rendering di contenuti HTML in ionico

<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>

la questione è che 'post.contenido' ha HTML che desidero essere visualizzato come dovrebbe, ma mostra solo tag e testo HTML.

Cosa posso fare per rendere tali contenuti?

Cordiali saluti.

fonte

2015-11-28 Apalabrados

Si potrebbe provare a utilizzare il tag di ioni-view e iniettare un template HTML ad esso. – Vandervidi

Non riesco a capire cosa intendi. qualche esempio? – Apalabrados

Ok, dopo aver guardato un po 'in giro, ignora il mio primo commento. Hai provato qualcosa del genere? http://stackoverflow.com/questions/19415394/with-ng-bind-html-unsafe-removed-how-do-i-inject-html – Vandervidi

Supponiamo di avere una variabile scope con html!

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

Si dovrebbe essere in grado di uscita come così

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

..nel tuo caso dovrebbe essere così

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

fonte

2015-11-29 21:25:39

È estraneo ma non viene mostrato nulla all'interno del DIV. – Apalabrados

È stato risolto utilizzando la direttiva 'ng-bind-html' invece di 'ng-bind-html-unssafe'. – Apalabrados

Credo che si dovrebbe modificare il codice per:
<div class="item item-text-wrap" [innerHTML]="post.contenido"> </div>

fonte

2016-11-08 09:20:47 Duannx

funziona per me senza problemi .. per cui la soluzione è

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

fonte

2017-03-13 09:09:42

rendering di contenuti HTML in ionico

risposta

Problemi correlati