ng-bind-html के साथ AngularJS कोड संकलित करना

AngularJS में, ng-bind-html निर्देश गतिशील रूप से HTML सामग्री को सम्मिलित कर सकता है देखना। हालाँकि, यदि शामिल सामग्री में AngularJS कोड है, तो इसकी सही व्याख्या नहीं की जाएगी। यहीं पर ng-bind-html के भीतर AngularJS कोड को संकलित करने की समस्या उत्पन्न होती है।

इस समस्या को हल करने के लिए, angular-bind-html-compile नामक एक बाहरी निर्देश को नियोजित किया जा सकता है। यहां चरण-दर-चरण समाधान दिया गया है:

चरण 1: इंस्टालेशन

GitHub से angular-bind-html-compile निर्देश स्थापित करें: https://github। com/incuna/angular-bind-html-compile

चरण 2: इसमें शामिल करें मॉड्यूल

AngularJS मॉड्यूल में निर्देश जोड़ें:

angular.module("app", ["angular-bind-html-compile"])

चरण 3: टेम्पलेट में उपयोग

टेम्पलेट में, बाइंड-एचटीएमएल-कंपाइल निर्देश का उपयोग करें वांछित सामग्री इंजेक्ट करने के लिए:

उदाहरण:

// Controller Object
$scope.letter = { user: { name: "John"}};

// JSON Response
{ "letterTemplate":[
    { content: "Dear {{letter.user.name}}," }
]}

परिणाम:

  Dear John,

नोट: निर्देश बाउंड एक्सप्रेशन में बदलाव पर नज़र रखता है और जब भी आवश्यक हो सामग्री को पुन: संकलित करता है। यह एपीआई प्रतिक्रिया के भीतर एम्बेडेड AngularJS कोड को गतिशील रूप से व्याख्या और निष्पादित करने की अनुमति देता है।