正确显示中断行( )

gon*_*250 0 angular

我有一个对象列表,其中一个属性是description,并且值具有断行 .

我正在使用常规方法在我的HTML中打印它,请看下面的内容:

<div class="row" *ngFor="let item of items">
   <p>{{item.description}}</p>
</div>
Run Code Online (Sandbox Code Playgroud)

在结果中我看不到断线,我看到的描述如下:

line 1 `&nbsp;` line 2 `&nbsp;` line 3 
Run Code Online (Sandbox Code Playgroud)

应该是这样的:

line 1
line 2
line 3
Run Code Online (Sandbox Code Playgroud)

知道怎么解决吗?

小智 5

&nbsp是一个ISO字符,与空格相同,不应该用它来写断行.

您可以使用<br>标签并在绑定中使用[innerHTML] ="ítem.description".