在 concat() 字符串中添加一个新行 - Angular 4

Question

使用 Angular 4 - 以下代码片段驻留在我的打字稿文件中。

this.tabTitle = "Project Name: " + this.currentProjectRevision.ProjectInformation[0].ProjectName;

这将获取项目名称的值并将其与项目名称连接起来：

this.tabTitle = this.tabTitle.concat('/n' + " Quote ID: " + this.quoteInformation.CurrentProjectCustomer.QuoteId);

上面的代码获取代码值的第一行，并将其与报价 ID： 连接起来，并添加报价 ID 的值。

运行时，输出如下所示。项目名称：测试/n 报价 ID：0000001

上面所述的实际值将追加到以下代码中。项目名称： bvn xbn/n 报价ID： 1000016

我想让报价 ID 在新行开始。 我试过输入<br/>，<br>和/n都不会成功。它们都作为字符串添加。

到目前为止我尝试过的代码

this.tabTitle = this.tabTitle.concat('<br/>' + " Quote ID: " + this.quoteInformation.CurrentProjectCustomer.QuoteId);
this.tabTitle = this.tabTitle.concat('<br>' + " Quote ID: " + this.quoteInformation.CurrentProjectCustomer.QuoteId);
this.tabTitle = this.tabTitle.concat('/n' + " Quote ID: " + this.quoteInformation.CurrentProjectCustomer.QuoteId);

任何帮助将不胜感激。

Answer 1

您可以使用属性white-space: pre;将类附加到元素。如果您使用的是/n，这会为您将其分成一个新行。

Answer 2

似乎 .concat(( 遵循自己的规则。我自己测试了一下，发现每个换行符都被忽略了。

如果您不一定要使用 concat((，只需改用"+"运算符即可。它进行隐式串联。

试试这样：

this.tabTitle += 'n' + " Quote ID: " + this.quoteInformation.CurrentProjectCustomer.QuoteId;