AngularJS- ng-bind-html
Direktive
Beispiel
Binden Sie das innerHTML des <p> -Elements an die Variable myText :
<script
src="https://ajax.googleapis.com/ajax/libs/angularjs/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 = "My name is:
<h1>John Doe</h1>";
});
</script>
Definition und Verwendung
Die ng-bind-html
Direktive ist eine sichere Möglichkeit, Inhalte an ein HTML-Element zu binden.
Wenn Sie AngularJS HTML in Ihrer Anwendung schreiben lassen, sollten Sie den HTML-Code auf gefährlichen Code überprüfen. Indem Sie das Modul „angular-sanitize.js“ in Ihre Anwendung einbinden, können Sie dies tun, indem Sie den HTML-Code über die ngSanitize-Funktion ausführen.
Syntax
<element ng-bind-html="expression"></element>
Unterstützt von allen HTML-Elementen.
Parameterwerte
Value | Description |
---|---|
expression | Specifies a variable, or an expression to evaluate. |