Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/432.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
javascript/angular:通过字符串添加“换行符”_Javascript_Angular - Fatal编程技术网

javascript/angular:通过字符串添加“换行符”

javascript/angular:通过字符串添加“换行符”,javascript,angular,Javascript,Angular,在我的.ts文件中有一个方法,它创建一个obj.date和obj.status的字符串。 现在我使用multipleeight,确切地说是\xa0一个十六进制编码的nbsp来在日期和状态之间留出一些空间。 生成的字符串:17/11/2020 done随后绑定到模板中。 我宁愿使用换行符,使其看起来像这样: 17/11/2020 完成 我的问题是-我应该使用什么十六进制代码来代替\xa0来强制换行? \n或\r\n似乎都不起作用 PS:是的,我在stackoverflow网站上搜索过答案,但没有找

在我的.ts文件中有一个方法,它创建一个obj.date和obj.status的字符串。 现在我使用multipleeight,确切地说是\xa0一个十六进制编码的nbsp来在日期和状态之间留出一些空间。 生成的字符串:17/11/2020 done随后绑定到模板中。 我宁愿使用换行符,使其看起来像这样: 17/11/2020 完成

我的问题是-我应该使用什么十六进制代码来代替\xa0来强制换行? \n或\r\n似乎都不起作用

PS:是的,我在stackoverflow网站上搜索过答案,但没有找到。 ==更新=== 我在Angular模板文件中测试了字符串文字

组件技术 component.html
<span>{{testString}}</span>
结果:所有字母都在一行中
xiao zhu efgh ijkl

您可以在字符串中添加换行符,然后绑定元素的innerText属性:

<h2 [innerText]="testString"></h2>

testString = 'first line' + ' \n ' + ' second line';

可以在字符串中添加换行符,然后绑定元素的innerText属性:

<h2 [innerText]="testString"></h2>

testString = 'first line' + ' \n ' + ' second line';
您可以使用safeHtml管道来完成

//组件技术 ... testString='Helloworld!'; ... //component.html
<span>{{testString}}</span>
您可以使用safeHtml管道来完成

//组件技术 ... testString='Helloworld!'; ... //component.html
<span>{{testString}}</span>

其中一种方法是向元素添加一个类,比如testString,如下所示:-

.testString{
white-space:pre
}

空白:pre应允许在\n个字符处中断。

其中一种方法是向元素添加类,例如testString,如下所示:-

.testString{
white-space:pre
}

空白:pre应允许在\n个字符处中断。

是否可以使用模板文字反勾号?我尝试了反勾号,但结果相同。它只产生了一个空格,所有的答案都与我选择的标签有关,我选择这个标签只是为了测试。应用程序中包含文本的标记实际上是,因此我在测试示例中也对其进行了更改。您不能使用模板文字反勾号吗?我尝试了反勾号,但结果相同。它只产生了一个空格,所有的答案都与我选择的标签有关,我选择这个标签只是为了测试。应用程序中包含文本的标记实际上是,所以我在测试示例中也更改了它。这对我不起作用,bro@PaxForce很抱歉,您使用的innerText是正确的,您需要使用\n来创建新行。它在显示通过textarea输入捕获的文本时很有用,并保留新行和空白。这对我不起作用,bro@PaxForce很抱歉,您使用的innerText是正确的,您需要使用\n来创建新行。它在显示通过textarea输入捕获的文本时非常有用,并保留新行和空白