呈现离子

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，我想按照它应该显示，但它只显示HTML标签和文本。

我能做些什么来呈现这样的内容？

亲切的问候。

来源

2015-11-28 Apalabrados

您可以尝试使用ion-view标签并向其中注入html模板。 – Vandervidi

无法弄清楚你的意思。任何例子？ – Apalabrados

好吧，看了一下后，忽略我的第一条评论。你有没有尝试过这样的事情？ http://stackoverflow.com/questions/19415394/with-ng-bind-html-unsafe-removed-how-do-i-inject-html – Vandervidi

假设你有一个范围变量，其中的html！

$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> 
[...]

来源

2015-11-29 21:25:39

这是疏远的，但没有在DIV内显示。 – Apalabrados

已使用指令'ng-bind-html'而不是'ng-bind-html-unsafe'解决。 – Apalabrados

我想你应该改变你的代码：
<div class="item item-text-wrap" [innerHTML]="post.contenido"> </div>

来源

2016-11-08 09:20:47 Duannx

适合我而不危险.. 所以解决方案是

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

来源

2017-03-13 09:09:42

回答

相关问题