Visualizzare contenuto HTML in Ionic

Mattepuffo's logo
Visualizzare contenuto HTML in Ionic

Visualizzare contenuto HTML in Ionic

Mi sono imbattutto in questo "problema": prendendo i dati da un web service, dove un campo è in formato HTML, mi sono accorto che di default Ionic non interpreta l'HTML, ma lo visualizza.

Nel senso che mi comparivano tutti i vari tag.

Non è una cosa che mi piace ovviamente, ma si può facilmente provvedere usando una direttiva di AngularJS.

Facciamo un esempio banale.

Questo il controller:

.controller('MyCtrl', function($scope) {
    $scope.html = '<p>Ciao, io sono HTML!</p>';
});

Nella pagina usiamo ng-bind-html in questo modo:

    <ion-content>
        <div ng-bind-html="html"></div>
    </ion-content>

Tutto qua.

Enjoy!


Condividi

Commentami!