ionic ng-bind-html

最新推荐文章于 2024-10-23 15:41:51 发布

原创最新推荐文章于 2024-10-23 15:41:51 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ionic ng-bind-html

ionic 专栏收录该内容

24 篇文章

订阅专栏

本文介绍如何在AngularJS项目中引入ngSanitize模块来安全地绑定HTML内容。通过CDN加载依赖，并创建名为myApp的应用模块，该模块依赖于ngSanitize。示例展示了如何在一个控制器中设置包含HTML的字符串变量，并使用ng-bind-html指令将其安全地绑定到视图。

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

依赖js文件，使用cdn

<script src="//cdn.bootcss.com/angular-sanitize/1.6.0-rc.2/angular-sanitize.min.js"></script>




<script type="text/javascript">
    var app = angular.module("myApp", ['ngSanitize']);
    app.controller('CartController',function($scope)
        $scope.text2 = '<img class="" src="http://img.firefoxchina.cn/2016/11/5/201611291538280.jpg">'     

    });

</script>






<div ng-app="myApp">

    <div ng-controller="CartController">

        <div ng-bind-html="text2"></div>

    </div>
</div>