مثال
ربط HTML داخلي للعنصر <ص> إلى myText المتغير:
<script
src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script
src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.0-beta.2/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 = "My name is:
<h1>John Doe</h1>";
});
</script> انها محاولة لنفسك » تعريف واستخدام
و ng-bind-html التوجيه هو وسيلة آمنة للربط المحتوى إلى عنصر HTML.
عند السماح AngularJS إرسال HTML في التطبيق الخاص بك، يجب عليك التحقق من HTML لرمز خطير. من قبل بما في ذلك "، santize.js الزاوي" وحدة في التطبيق الخاص بك، يمكنك القيام بذلك عن طريق تشغيل شفرة HTML من خلال وظيفة ngSanitize.
بناء الجملة
< element ng-bind-html=" expression "></ element >بدعم من جميع عناصر HTML.
قيم معلمة
| Value | Description |
|---|---|
| expression | Specifies a variable, or an expression to evaluate. |