angularjs - 在Ionic中呈现HTML内容

Question

我有以下模板:

<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，但仅显示HTML标签和文本。

我该怎么做才能呈现此类内容？

亲切的问候。

Answer 1

假设您有一个包含html的作用域变量!

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

您应该能够像这样输出它

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

..在您的情况下应该是这样

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