【问题标题】:string interpolation binding for desired format所需格式的字符串插值绑定
【发布时间】:2019-02-14 20:11:17
【问题描述】:

我有一个字符串str = "hello"+ "\n"+ "my"+ "\n" + "World"

html绑定<div>{{str}}</div>

我希望将此字符串打印为

Hello
my
world

我没有做到这一点,但在控制台中我得到了我想要的。我在这里错过了什么吗..

DEMO

【问题讨论】:

  • <div style="white-space: pre">{{str}}</div>
  • pre标签中渲染怎么样?
  • 是的,看起来不错。

标签: angular binding interpolation


【解决方案1】:

添加<br>而不是\n并在html中使用innnerHtml标签

this.str = 'Hello' +'<br>'+ 'my' +'<br>' + 'world';

<div [innerHTML]="str"></div>

Demo

【讨论】:

  • 我将str 用于动态数据,对于每个数据我都有不同的格式。
  • 你可以用str.replace('\n', '&lt;br&gt;')这样的断点替换标签
  • 但由于某些原因不喜欢使用&lt;br&gt;
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2013-01-31
  • 2022-07-05
  • 2011-10-11
  • 2013-04-30
  • 2018-11-07
  • 1970-01-01
  • 2015-11-28
相关资源
最近更新 更多