将字符串传入角度

Question

在我的函数中，我调用了一个模态的开头，这个模态的模板是一个PHP文件。 在该文件中，我有一个div元素，其值为{{msg_text}}。

在我的js文件中，我设置了$scope.msg_text，这样当打开模态时，它会显示我在js中设置的值。

这样可行，但我想添加符号/段落行，但它只是打印出文本而不是添加空格

如何通过传入字符串在段落之间添加中断？

Answer 1

将HTML作为字符串传递给ex：

var msg = "<p>My data</p></br><p>Next line</p>"

并在HTML中使用ng-bind-html属性来呈现HTML字符串

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

在控制器中使用$sce.trustAsHtml()转换html字符串。

$scope.msg_text = $sce.trustAsHtml(msg);

Answer 2

首先需要在范围变量的值中添加换行符\n。让我们这样说

$scope.msg_text = 'This is a sample text\n This is in a new line';

然后，您只需使用<pre>标记即可根据需要显示文字

<pre>{{msg_text }}</pre>

以下是JSFIDDLE的链接，了解更多详情