Diretiva AngularJS NG-Bind-HTML
Instância de AngularJS
Vincular o INNERHTML dentro <p> à variável 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.5.0-beta.0/angular-sanitize.min.js"> </script> <body> <Div ng-App = "myApp" ng-contoller = "myctrl> <P ng-bind =" app = angular.module ("myApp", ['ngsanitize']); app.controller ("myctrl", function ($ scope) {$ scope.myText = "Meu nome é: <h1> John Doe </h1>"; Remove o código perigoso em HTML. </p> </body> </html>Resultados em execução:
meu nome é:
John Doe
Nota: Esta instância contém o arquivo "angular-sanitize.js", que remove o código perigoso do html.
Definição e uso
A diretiva NG-Bind-HTML é uma maneira segura de vincular o conteúdo aos elementos HTML.
Quando você deseja que o AngularJS escreva HTML em seu aplicativo, você precisa detectar algum código perigoso. Ao introduzir o módulo "angular-santize.js" em seu aplicativo, a função NGSanitize é usada para detectar a segurança do código. No seu aplicativo, você pode fazê -lo executando o código HTML através da função NGSanitize.
gramática
<elemento ng-bind-html = "Expression"> </lement>
Todos os elementos HTML suportam esta diretiva.
Valor do parâmetro
| valor | descrever |
|---|---|
| Expressão | Especifica a variável ou expressão a ser executada. |
O acima é uma introdução detalhada ao exemplo de instrução angularjs ng-bind-html. Amigos que precisam podem se referir a ele.