AngularJs ng-bind-html指令整理

大佬教程收集整理的这篇文章主要介绍了AngularJs ng-bind-html指令整理，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

一、使用angular-santize.js

<div ng-app="myApp" ng-controller="myCtrl">
    <p ng-bind-html="myText"></p>
</div>

var app = angular.module("myApp",['ngSanitize']);
app.controller("myCtrl",function($scopE) {
    $scope.myText = "My name is: <h1>John Doe</h1>";
});

ng-bind-html指令是通一个安全的方式将@L_675_1@绑定到 HTML 元素上。

当你想让 AngularJS 在你的应用中写入 HTML，你就需要去检测一些危险代码。通过在应用中引入 "angular-santize.js" 模块，使用 ngSanitize 函数来检测代码的安全性。 in your application you can do so by running the HTML code through the ngSanitize function.

特别说明：这种方式可以过滤一些危险代码，但同时也取消了很多样式@L_675_1@，不推荐使用

二、使用$sce.trustAsHtml()

<div class="modal-content">
    <div class="modal-body" ng-bind-html="uploadInfo">
    </div>
</div>

$scope.uploadInfo = $sce.trustAsHtml('上传成功！<a ng-click="'+
                        "quitTo('customer')"+
                        '">点击</a>跳转到客户列表界面');
                        //$scope.$apply();

特别说明：这种方式对于AngularJs中的默认指令不支持解析，一般绑定文章内容（推荐使用）。

三、使用$comiple()

var uploadInfo = '">点击</a>跳转到客户列表界面';
var ele = $compile(uploadInfo)($scope);
angular.element('.modal-body').append(elE);

特别说明：这种方式可以解析指令。

更多：

AngularJS阻止事件冒泡$event.stopPropagation()

angularjs unsafe ng-href using javascript: void(0);

AngularJs constant()和value()

大佬总结

以上是大佬教程为你收集整理的AngularJs ng-bind-html指令整理全部内容，希望文章能够帮你解决AngularJs ng-bind-html指令整理所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。