JS - 换行

<textarea>中用户输入了带换行的数据,若保存至数据库中需将 \r\n 替换为<br>保存。
再次从数据库中取出后,将<br>再替换为 \n 后赋值到<textarea>中。


JS

//将\r\n正则为<br>
$scope.nToBr = function (val) {
    if(val === '' || val === null){
        return '';
    }else{
        return val.replace(/\n|\r\n/g, '<br>');
    }
};
//将<br>正则为\n
$scope.brToN = function (val) {
    if(val === '' || val === null){
        return '';
    }else{
        return val.replace(/<br>/g, '\n');
    }
};

但是,使用angular的ng-bind,会原样输出html元素,因此要使用ng-bind-html来绑定数据。
需引入angular-sanitize.min.js

JS

var app = angular.module('myApp', ['ngSanitize']);
app.controller('ctrl', function($scope, $sce){
    $scope.a = $sce.trustAsHtml($scope.b);
});

HTML

<span ng-bind-html="a"></span>

参考

返回文章列表 打赏
本页链接的二维码
打赏二维码
期待你的评论