javascript - 在 Angular 绑定(bind)中保留 HTML 文本框换行格式

Question

将文本框绑定(bind)到 Angular 变量时是否有办法保留换行符？

我有以下内容:

<div class="form-group" ng-class="{invalid: !callerIssue.issuedec.$valid}">
    <label for="issuedec" class="control-label">Issue Description</label>
    <textarea name="issuedec" class="form-control" maxlength="999" rows="7" ng-model="Description" required=""></textarea>
</div>

我想保留用户在描述变量中输入的格式；即换行符，如下所示:

 $scope.Description = "Testing <br/> Data";

Answer 1

HTML 标签不会在标准文本区域中呈现，如果您需要在描述中呈现 HTML 并能够使用 HTML 标签进行编辑，您可能需要使用 WYSIWIG 编辑器

如果您需要担心的只是换行符，您可以使用 '\n' 的文本节点换行符，其中您不需要执行任何操作，因为它将保留在字符串中。如果您的初始数据首先包含“br”，您可以使用下面的替换对其进行转换:

$scope.Description = "Testing\nData";

您可以将“br”标签转换为文本节点换行符，如下所示:

$scope.Description = "Testing <br /> Data";
$scope.Description = $scope.Description.replace(/<br\s*\/?>/mg,"\n");

参见http://jsfiddle.net/sjmcpherso/bjxjep6v/