Ionic

HTML içeriği Render Aşağıdaki şablon var: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>

soru 'post.contenido' ı isteyen HTML olmasıdır olması gerektiği gibi görüntülenmelidir, ancak sadece HTML etiketlerini ve metni gösterir.

Bu tür içeriği oluşturmak için neler yapabilirim?

Saygılarımızla.

kaynak

2015-11-28 Apalabrados

olduğunu. – Vandervidi

Ne demek istediğini anlayamıyorum. herhangi bir örnek? – Apalabrados

Tamam, Biraz etrafa baktıktan sonra, ilk yorumumu dikkate almayın. Böyle bir şey denedin mi? http://stackoverflow.com/questions/19415394/with-ng-bind-html-unsafe-removed-how-do-i-inject-html – Vandervidi

İçinde html ile bir kapsam değişkeniniz olduğunu varsayalım!

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

Sen sana için kodunuzu değiştirmeniz gerektiğini düşünüyorum o şekilde

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

davanızı ..in bu

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

kaynak

2015-11-29 21:25:39

Bu bir şey değil ama DIV içinde hiçbir şey gösterilmiyor. – Apalabrados

'ng-bind-html-unsafe' yerine 'ng-bind-html' yönergesi kullanılarak çözüldü. – Apalabrados

gibi olmalıdır çıkışı mümkün olmalıdır:
<div class="item item-text-wrap" [innerHTML]="post.contenido"> </div>

kaynak

2016-11-08 09:20:47 Duannx

Güvensiz olmadan benim için çalışıyor .. yüzden çözüm Sen iyon görünüm etiketini kullanmayı deneyin ve buna bir html şablonu enjekte edebilir

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

kaynak

2017-03-13 09:09:42

cevap

İlgili konular