angularjs 解决html元素显示textarea换行

曹振华

于 2021-05-13 08:38:28 发布

阅读量547

点赞数

CC 4.0 BY-SA版权

分类专栏： angularjs 文章标签： angularjs textarea 换行 html元素

本文链接：https://blog.youkuaiyun.com/chadcao/article/details/116734799

angularjs 专栏收录该内容

29 篇文章

订阅专栏

本文介绍了一种在AngularJS应用中实现HTML安全渲染的方法。通过定义一个名为'trustHtml'的过滤器，该方法可以将普通的HTML字符串转换为安全的AngularJS表达式，从而直接在视图中渲染。此外，此过滤器还实现了将普通文本中的换行符替换为HTML中的<br/>标签，确保了文本格式在网页上的正确显示。

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

1）html

<p style="min-height:30px;" ng-bind-html="TRA_PlanDetail.Remark| trustHtml"></p>

2）js

angular.module('TyApp').filter('trustHtml', function ($sce) {
        return function (input) {
             if (input != undefined && input != null && input != '') {
                    return $sce.trustAsHtml(input.replace(/ /g, '&nbsp;').replace(/\n/g, '<br />'));
                }
        };
    });