在Ionic中渲染HTML内容

时间:2015-11-28 21:12:55

标签: angularjs ionic-framework ionic

我有以下模板:

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

问题是&#39; post.contenido &#39;我希望显示HTML,但它只显示HTML标记和文本。

我该怎么做才能呈现这样的内容?

亲切的问候。

3 个答案:

答案 0 :(得分:5)

我认为您应该将代码更改为:
In [6]: x = np.array([1,2,3],dtype=np.dtype('O')) In [7]: x[0] Out[7]: 1 In [8]: type(x[0]) Out[8]: int In [9]: x2 = np.array([1,2,3],dtype=int) In [10]: x2 Out[10]: array([1, 2, 3]) In [11]: x2[0] Out[11]: 1 In [12]: type(x2[0]) Out[12]: numpy.int64

答案 1 :(得分:4)

让我们说你有一个带html的范围变量!

Table

你应该可以输出它

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

..在你的情况下它应该是这样的

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

答案 2 :(得分:1)

对我有用而且不安全.. 所以解决方案是

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