Οδηγός για την εντολή ng-bind-html του AngularJS

Περιήγηση Τεκμηρίωσης AngularJS

Κατάσταση και χρήση

ng-bind-html Οι οδηγίες είναι ένα ασφαλές τρόπος για να συνδέσεις περιεχόμενο με στοιχεία HTML.

Όταν επιτρέπεις στο AngularJS να γράφει HTML στην εφαρμογή σου, πρέπει να ελέγξεις αν υπάρχει επικίνδυνο κώδικα στο HTML. Με την προσθήκη του μονάχου "angular-sanitize.js" στην εφαρμογή σου, μπορείς να εκτελέσεις τον κώδικα HTML μέσω της συνάρτησης ngSanitize για έλεγχο.

Παράδειγμα

Όταν ελέγχεις την innerHTML του στοιχείου <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>

Δοκιμάστε το προσωπικά

Γλώσσα

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

Όλα τα στοιχεία HTML υποστηρίζονται.

Παράμετροι

Παράμετροι Περιγραφή
expression Δια指定 να υπολογιστεί η μεταβλητή ή η έκφραση.

Περιήγηση Τεκμηρίωσης AngularJS