دستور ng-bind-html AngularJS

دستورالعمل‌های مرجع AngularJS

تعریف و استفاده

ng-bind-html دستورالعمل‌ها روش امنی برای پیوند دادن محتوا به عناصر HTML هستند.

وقتی شما AngularJS را برای نوشتن HTML در برنامه خود استفاده می‌کنید، باید بررسی کنید که آیا کد خطرناک در HTML وجود دارد. با افزودن ماژول "angular-sanitize.js" به برنامه خود، می‌توانید از تابع ngSanitize برای اجرای کد HTML و بررسی آن استفاده کنید.

مثال

باید HTML داخلی عناصر <p> را به متغیر 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>

آزمایش کنید

شبکه نویسی

<عنصر ng-bind-html="عبارت</عنصر>

تمام عناصر HTML پشتیبانی می‌شوند.

پارامترها

پارامترها توضیح
عبارت متغیر یا عبارت مورد نظر را برای محاسبه مشخص کنید.

دستورالعمل‌های مرجع AngularJS