AngularJS ng-bind-html डिरेक्टिव

एंजुलरजेएस रेफरेंस मैनुअल

मिनामाता और उपयोग

ng-bind-html डिरेक्टिव, HTML एलीमेंट पर सामग्री को सुरक्षित तरीके से बांधने का एक तरीका है。

जब आप AngularJS को अपने अनुप्रयोग में HTML लिखने के लिए देते हैं, तो आपको HTML में खतरनाक कोड होने की जाँच करनी चाहिए।"angular-sanitize.js" मॉड्यूल को अपने अनुप्रयोग में समायोजित करके, आप ngSanitize फ़ंक्शन के द्वारा HTML को चेक कर सकते हैं。

उदाहरण

वह <p> एलीमेंट के innerHTML को वेरियेबल myText से बांधा जाता है:

<script src="https://cdn.staticfile.net/angular.js/1.6.9/angular.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular-sanitize.js"></script>

<body>
    <div ng-app="myApp" ng-controller="myCtrl">
<p ng-bind-html="myText"></p>
</div>
<script>
var app = angular.module("myApp", ['ngSanitize']);
    app.controller("myCtrl", function($scope) {
$scope.myText = "मेरा नाम है：<h1>बिल गेट्स</h1>";
});

</script>

स्क्रिप्ट

ग्रामाता</ <expressionng-bind-html="</>

सभी एचटीएमएल एलीमेंट्स समर्थित हैं。

पैरामीटर

पैरामीटर वर्णन
expression गणना के लिए वारियेबल या एक्सप्रेशन निर्दिष्ट करें。

एंजुलरजेएस रेफरेंस मैनुअल