AngularJS NG-BIND-HTML Директива
AngularJs Extance
Свяжите innerhtml внутри <p> с переменной mytext:
<! Doctype html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script> <script src = "http://apps.bdimg.com/libs/angular.js/1.5.0-beta.0/angular-sanitize.min.js"> </script> <body> <div ng-app = "myApp" ng-controller = "myCtrl"> <p ng-bind-html ". = angular.module ("myApp", ['ngsanitize']); app.controller ("myctrl", function ($ scope) {$ scope.mytext = "Мое имя: <h1> Джон Доу </h1>";}); </script> <p> note: </b>. Код в HTML. </p> </body> </html>Результаты работы:
меня зовут:
Джон Доу
ПРИМЕЧАНИЕ. Этот экземпляр содержит файл «Angular-Sanitize.js», который удаляет опасный код из HTML.
Определение и использование
Директива NG-BIND-HTML является безопасным способом связать контент с элементами HTML.
Если вы хотите, чтобы AngularJS писал HTML в вашем приложении, вам необходимо обнаружить какой -то опасный код. Введя в ваше приложение модуль «Angular-Santize.js», функция NGSANITIZE используется для обнаружения безопасности кода. В вашем приложении вы можете сделать это, запустив код HTML через функцию Ngsanitize.
грамматика
<element ng-bind-html = "Expression"> </element>
Все элементы HTML поддерживают эту директиву.
Значение параметра
| ценить | описывать |
|---|---|
| Выражение | Указывает переменную или выражение для выполнения. |
Выше приведено подробное введение в пример инструкции angularjs ng-bind-html. Друзья, которые это нужно, могут ссылаться на это.