结构-行为-样式-Angularjs-ngSanitize

洲上牧童

于 2016-04-09 12:34:19 发布

阅读量639

点赞数

CC 4.0 BY-SA版权

分类专栏： angularJs 文章标签： angualrjs

本文链接：https://blog.youkuaiyun.com/kingbox000/article/details/51104429

angularJs 专栏收录该内容

5 篇文章

订阅专栏

本文介绍如何利用AngularJS的ngSanitize模块安全地渲染HTML内容。通过一个实例展示了如何将外部HTML字符串绑定到视图中，同时避免了潜在的安全风险。此示例包括必要的JavaScript和HTML代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

简单点，上代码：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>ngSanitize</title>
<script src="../jquery.1.9.1.min.js"></script>
<script src="../angular.js"></script>
<script src="angular-sanitize.js"></script>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
    <div class="container">
        <div class="row" ng-bind-html="content"></div>
    </div>
    <script>
        var app = angular.module('myApp',['ngSanitize']);
        app.controller('myCtrl',['$scope',function($scope){
            $scope.content = "<ul><li>小明</li><li>李雷</li><li>露西</li><li>海尔</li></ul>";
        }]);
    </script>
</body>
</html>