Javascript 如何在Angularjs中获得字符串插值中的换行符

所以我试着做一些非常简单的事情，我被卡住了。我有一个

字符串

变量，在该变量中我想设置换行符，以便文本的某些部分转到新行

我尝试过的：

title: string = "My \n Title";
title: string = "My\ Title";
title: string = "My\
Title";
title: string = "My" + "\n" + "Title";

我试过很多变体，但都不起作用。我是不是很愚蠢，错过了一些很明显的东西

不是重复的，因为我已经尝试了

，但它不起作用

更新：

title: string = "My \n Title";
title: string = "My\ Title";
title: string = "My\
Title";
title: string = "My" + "\n" + "Title";

---

变量正在浏览器HTML中打印，就像这样

{{title}

您做了正确的事情。 但是如果您在浏览器中显示此内容，则\n表示didley

你必须做到：

title: string = "My<br>Title"

title:string=“我的
标题”

---

现在，如果您使用的是React这样的高级前端工具，那么您将不得不处理字符串中的不安全HTML…

这里有两个明显有效的版本

空白 解决方案一。。。如果您希望换行符在HTML中得到尊重。。。（适用于后勾选字符串或

'My\ntitle'

document.getElementById（'example'）。innerHTML=`My
标题`；

h1{
空白：预处理；
}

在html添加样式中：

<div style="white-space: pre-line">{{DialogText}} </div>

---

在stackblitz中也是一样：

您也可以使用只读

textarea

元素，而不是

尝试这样做

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

$scope.myMsg =  `Below is the result:  <br>Successful:1,  <br>Failed:2`  // Use backtick


$scope.myMsg=`下面是结果：
成功：1，
失败：2`//使用backtick
可能重复的@LucaKiebel不是重复的，因为我在那个问题上尝试了解决方案，但没有成功。@天行者，你希望换行符做什么？换行符肯定在字符串中包含一个换行符。根据字符串的实际使用方式，可能检测到，也可能检测不到。在哪里确实要打印它吗？这很重要：console.log或browser HTML呈现的行为不同。@rweisse这是一个linting首选项，不是标准。此问题标记为“React”，JSX将呈现“My
Title”使用建议的代码。接受的解决方案非常好，因为它是纯CSS，与React或Angular无关。但是JSX不会呈现此字符串。您必须这样做：
Close，但OP使用angularjs。只需将其设置为
{{title}}
这是一个适用于OPHi@mhodges的有效解决方案，我想创建一个简短的工作示例……但我要补充一点。