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的值。

运行时，输出如下。项目名称：test / 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;

在concat（）字符串中添加一个新行 - Angular 4

2 个答案: