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