AngularJS instruções ng-bind-html
Manual de Referência AngularJS
AngularJS exemplos
InnerHTML ligamento <p> no myText variável:
<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 = "myText"> </ p>
</ Div>
<Script>
var app = angular.module ( "myApp", [ 'ngSanitize']);
app.controller ( "myCtrl", function ($ escopo) {
$ Scope.myText = "Meu nome é: <h1> John Doe </ h1>";
});
</ 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 = "myText"> </ p>
</ Div>
<Script>
var app = angular.module ( "myApp", [ 'ngSanitize']);
app.controller ( "myCtrl", function ($ escopo) {
$ Scope.myText = "Meu nome é: <h1> John Doe </ h1>";
});
</ Script>
tente »
Definição e Uso
instruçõesng-bind-html é através de uma forma segura para vincular o conteúdo a elementos HTML.
AngularJS HTML quando você quiser escrever em seu aplicativo, você precisa para detectar códigos perigosos. Ao introduzir o módulo "angulares-santize.js" na aplicação, use a função ngSanitize para detectar o código de segurança. na sua aplicação, você pode fazê-lo, executando o código HTML através da função ngSanitize.
gramática
<Elemento ng-bind-html = "expressão"> </ element>
Todos os elementos HTML apoiar a instrução.
parâmetro Valor
valor | descrição |
---|---|
expressão | Especifica que uma variável ou expressão para ser executado. |