2015-07-09 14 views
7

में स्ट्रिंग के अंदर एचटीएमएल टैग का विश्लेषण कैसे करें मेरे पास एक वैरिएबल $ scope.question है।नियंत्रक में कोणीय जेएस

$scope.question = "Hi this is <br/> book"; 

एचटीएमएल पेज में इस चर जैसे {{question}} तक पहुंच है।

<div class="question"> 
     1. {{question}} 
</div> 

मैं लाइन ब्रेक के साथ आउटपुट चाहता हूं ... लेकिन इसके बजाय यह स्ट्रिंग के रूप में प्रदर्शित होता है ... HTML टैग्स को पार्स कैसे करें।

+0

संभावित डुप्लिकेट [कोणीय टेम्पलेट्स के साथ एचटीएमएल कैसे प्रस्तुत करें] (http://stackoverflow.com/questions/15754515/how-to-render-html-with-angular- टेम्पलेट्स) – Dan

उत्तर

10

आपको ng-bind-html निर्देश का उपयोग करना चाहिए। उपयोग करने के लिए कि आप की आवश्यकता करने के लिए:

//1. given 
.controller('AppController', [ 
    function() { 
    $scope.SomeHtml = '<b>some html</b>'; 


//2. use ng-bind 
<div ng-bind-html="SomeHtml"></div> 

चेक डेमो from official AngularJS documentation on plnkr.co

+0

क्या आप मुझे बेवकूफ डेमो प्रदान कर सकते हैं मेरे लिए उपयोगी होगा – bharath

+0

अद्यतन उत्तर – shershen

+0

धन्यवाद बहुत धन्यवाद यह समस्या को हल करने में मेरी मदद करता है .... – bharath

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