2012-07-10 19 views
17

AngularJS'yi html yanıtları üreten üçüncü taraf bir hizmetle kullanıyorum. HTML yanıtlarını bir liste haline getirmek için ng-repeat kullanmak istiyorum, ancak Angular bunu metne dönüştürür.AngularJS - HTML değerleri oluşturmak için ng-repeat kullanmak mümkün mü?

HTML özelliğini işlemek için ng-yineleme kullanılabilir mi?

Bu jsFiddle sorunumu göstermek için oluşturdum.

+1

Şimdi bu soruyu görüntüleyenler için, [ngBindHtml] (http://dogs.angularjs.org/api/ng.directive:ngBindHtml) için dokümanlar hakkındaki en iyi yoruma göz atın. Bu cevaplar benim için işe yaramadı. –

cevap

19

ng-bind-html-unsafe'u kullanarak ihtiyacınız olanı alacağınızı düşünüyorum. http://jsfiddle.net/nfreitas/aHfAp/ yönergesi için

Belgeler burada bulunabilir: Burada

<div ng:repeat="item in items" ng-bind-html-unsafe="item.html"></div> 

bir çalışma keman var gereğidir http://docs.angularjs.org/api/ng.directive:ngBindHtmlUnsafe

+0

mükemmel etiketlerden çıkarırsanız –

+1

item.html içinde kullanılan özel direktiflere sahip olmak istersek – test30

+4

Bu bir kaç yaşındadır - sadece yeni trafiği bu yöntemin kullanımdan kaldırıldığını bildirmek istedim. İşte bunu yapmanın iyi bir yolu: http : //stackoverflow.com/questions/19415394/with-ng-bind-html-unsafe-removed-how-do-i-inject-html –

2

item.html her zaman metin olarak yorumlanacaktır. açıkça html dönüştürmek zorundasınız. click here

Her dizeyi html'ye dönüştürecek bir oluşturma işlevi ekledim.

+0

Süper iyi! –

+0

yardım için teşekkürler :) – Kishore

+3

mmm ... Ben kutlamak için çok erken olduğunu düşünüyorum. çözümünüz innerHTML'yi oluşturur, gerçekten ihtiyacım olan şey tüm HTML'yi oluşturmaktır. Güncelleştirmeme bakın: http: //jsfiddle.net/DrtNc/4/ –

16

Bunu elde yolu ng-bağlama-html ng-tekrarı içeride;

<div ng-repeat="comment in comments"> 
    <div ng-bind-html="comment.content"></div> 
</div> 

Bu birilerine yardımcı olur umarım!

+0

'un altında kullanın. $ sce kullanmayı unutmayın. enjekte etmek istediğiniz html öğesi için: http://stackoverflow.com/questions/19415394/with-ng-bind-html-unsafe-removed-how-do-i-inject-html – suhendri

+0

bu benim için çalışmıyor – Xsmael

İlgili konular