2012-07-10 10 views
17

मैं एंगुलरजेएस का उपयोग किसी तृतीय पक्ष सेवा के साथ कर रहा हूं जो HTML प्रतिक्रिया उत्पन्न करता है। मैं HTML प्रतिक्रियाओं को एक सूची के रूप में प्रस्तुत करने के लिए एनजी-दोहराव का उपयोग करना चाहता हूं, हालांकि कोणीय इसे पाठ के रूप में प्रस्तुत करता है।कोणीयजेएस - क्या एचटीएमएल मूल्यों को प्रस्तुत करने के लिए एनजी-दोहराव का उपयोग करना संभव है?

क्या एचटीएमएल संपत्ति प्रस्तुत करने के लिए एनजी-दोहराना उपयोग करना संभव है?

मैंने अपनी समस्या का प्रदर्शन करने के लिए यह jsFiddle बनाया है। http://jsfiddle.net/DrtNc/1/

+1

आप में से जो लोग इस प्रश्न को देखते हैं, उनके लिए [ngBindHtml] (http://docs.angularjs.org/api/ng.directive:ngBindHtml) के लिए दस्तावेज़ों पर शीर्ष टिप्पणी देखें। यह मेरे लिए काम करता था, जबकि इन उत्तरों ने नहीं किया था। –

उत्तर

19

मुझे लगता है कि ng-bind-html-unsafe का उपयोग करने से आपको वह चाहिए जो आपको चाहिए। http://jsfiddle.net/nfreitas/aHfAp/ निर्देश के लिए

प्रलेखन यहां पाया जा सकता:

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

यहाँ एक काम बेला है http://docs.angularjs.org/api/ng.directive:ngBindHtmlUnsafe

+0

उत्कृष्ट टैग के टेक्स्ट का कुछ हिस्सा है, तो यह है यह –

+1

क्या होगा यदि मैं item.html में उपयोग किए गए कस्टम निर्देशों का उपयोग करना चाहता हूं? – test30

+4

यह कुछ साल पुराना है - बस इस विधि को अस्वीकार कर दिया गया है कि नए ट्रैफिक को सूचित करना चाहता था। यह करने का एक अच्छा तरीका है: http : //stackoverflow.com/questions/19415394/with-ng-bind-html-unsafe-removed-how-do-i-inject-html –

2

item.html हमेशा टेक्स्ट के रूप में व्याख्या किया जाएगा। आपको इसे एचटीएमएल में स्पष्ट रूप से परिवर्तित करना होगा। click here

मैंने एक रेंडर फ़ंक्शन जोड़ा है जो प्रत्येक स्ट्रिंग को HTML में परिवर्तित करेगा।

+0

सुपर कूल! मदद –

+0

के लिए धन्यवाद आपका स्वागत है :) – Kishore

+3

mmm ... मुझे लगता है कि यह जश्न मनाने के लिए बहुत जल्दी था। आपका समाधान आंतरिक HTML को प्रस्तुत करता है, जो मुझे वास्तव में चाहिए वह संपूर्ण HTML प्रस्तुत करना है। मेरा अपडेट देखें: http: //jsfiddle.net/DrtNc/4/ –

16

तरह से मैं यह लक्ष्य प्राप्त कर रहा है एनजी-बाँध-एचटीएमएल एनजी-दोहराने के अंदर;

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

उम्मीद है कि यह किसी की मदद करेगा!

+0

के नीचे मैट सॉंडर्स का उत्तर उपयोग करें $ sce का उपयोग करना न भूलें एचटीएमएल तत्व के लिए आप इंजेक्ट करना चाहते हैं। देखें: http://stackoverflow.com/questions/19415394/with-ng-bind-html-unsafe-removed-how-do-i-inject-html – suhendri

+0

यह मेरे लिए काम नहीं करता है – Xsmael

संबंधित मुद्दे

 संबंधित मुद्दे