AngularJS ng-bind-html direktiba

Manwal ng Reference ng AngularJS

Paglilinaw at paggamit

ng-bind-html Ang mga direktiba ay isang ligtas na paraan para ibindihin ang nilalaman sa HTML element.

Kapag pinagpapatuloy mo ng AngularJS na isulat HTML sa iyong aplikasyon, dapat mong suriin kung mayroong mapanganib na kodigo sa HTML. Sa pamamagitan ng paglalagay ng "angular-sanitize.js" modul sa iyong aplikasyon, maaring i-run mo ang HTML kodigo sa pamamagitan ng ngSanitize function para sa pagsusuri.

Mga halimbawa

Mag-bindihin ang innerHTML ng <p> element sa variable na 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 = "Ang pangalan ko ay <h1>Bill Gates</h1>";
});
</script>

Subukan ang iyong sarili

Grammar

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

Lahat ng HTML element ay sumusuporta.

Parameter

Parameter Paglalarawan
expression Tukuyin ang variable o expression na dapat kalkulahin.

Manwal ng Reference ng AngularJS