angularjs 解决html元素显示textarea换行

最新推荐文章于 2023-12-13 19:30:00 发布

原创最新推荐文章于 2023-12-13 19:30:00 发布 · 569 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#angularjs #textarea #换行 #html元素

angularjs 专栏收录该内容

29 篇文章

订阅专栏

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

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 />'));
                }
        };
    });