ਐਂਜੁਲਰਜ਼ ਐਸ ng-bind-html ਇੰਡਰੈਕਟਿਵ

AngularJS ਪਰਿਭਾਸ਼ਾ ਮੈਨੂਅਲ

ਵਿਵਰਣ ਅਤੇ ਵਰਤੋਂ

ng-bind-html ਇੰਡਰੈਕਟਿਵ ਐਲੀਮੈਂਟ ਨੂੰ ਸੁਰੱਖਿਅਤ ਤਰੀਕੇ ਨਾਲ ਸਮਾਵੇਂ ਵਿਚਾਰ ਦਾ ਵਿਧਾਨ ਹੈ。

ਜਦੋਂ ਤੁਸੀਂ ਐਂਜੁਲਰਜ਼ ਐਸ ਆਪਣੇ ਐਪਲੀਕੇਸ਼ਨ ਵਿੱਚ ਐਲੀਮੈਂਟ ਲਿਖਣ ਦੀ ਆਗਿਆ ਦੇਣ ਤਾਂ, ਤੁਸੀਂ ਐਲੀਮੈਂਟ ਵਿੱਚ ਹਾਈਰੇਸ ਕੋਡ ਦੀ ਚੇਕ ਕਰਨ ਚਾਹੀਦੇ ਹੋ। ਐਪਲੀਕੇਸ਼ਨ ਵਿੱਚ "angular-sanitize.js" ਮੌਡਿਊਲ ਸ਼ਾਮਲ ਕਰਕੇ, ਤੁਸੀਂ ngSanitize ਫੰਕਸ਼ਨ ਰਾਹੀਂ ਐਲੀਮੈਂਟ ਕੋਡ ਚੇਕ ਕਰ ਸਕਦੇ ਹੋ।

ਉਦਾਹਰਣ

ਜਿਹਨਾਂ ਪੈਰੇਂਟੇਂਟ ਐਲੀਮੈਂਟ ਦਾ innerHTML ਬਾਂਧ ਮਿਤੀ ਮਾਈਟੈਕਸਟ ਨਾਲ:

<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>Bill Gates</h1>";
});
</script>

ਸੁਭਾਵਿਕ ਤੌਰ 'ਤੇ ਪ੍ਰਯੋਗ ਕਰੋ

ਗਣਤਰ

<element ng-bind-html="expression</element>

ਸਾਰੇ HTML ਐਲੀਮੈਂਟ ਸਮਰੱਥ ਹਨ。

ਪੈਰਾਮੀਟਰ

ਪੈਰਾਮੀਟਰ ਵਰਣਨ
expression ਜਿਸ ਵਾਰੀ ਗਣਨਾ ਕਰਨੀ ਹੈ ਉਸ ਵਾਰੀ ਵਾਰੀਅਬਲ ਜਾਂ ਐਕਸਪ੍ਰੈਸ਼ਨ ਦਿਓ。

AngularJS ਪਰਿਭਾਸ਼ਾ ਮੈਨੂਅਲ