تعليمات أنغولار جي ng-bind-html

كتيب مرجعي AngularJS

التعريف والاستخدام

ng-bind-html التعليمات هي طريقة آمنة لربط المحتوى بجزيء HTML.

عندما تسمح لأنغولار جي بإنشاء HTML في تطبيقك، يجب عليك التحقق مما إذا كان هناك كود خطير في HTML. من خلال تضمين ملف "angular-sanitize.js" في التطبيق، يمكنك تشغيل كود HTML من خلال دالة ngSanitize للتحقق.

مثال

التحكم في 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>Bill Gates</h1>";
});
</script>

جرب بنفسك

القواعد

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

جميع عناصر HTML يدعمونها.

الم参数

الم参数 الوصف
تعبير تحديد المتغيرات أو التعبيرات التي تريد حسابها.

كتيب مرجعي AngularJS