从 Angular 4 / Ionic 3 中的文本插值中渲染新行

Question

我有以下前端代码：

<p>{{ news.content }}</p>

news.content存储在我的火力数据库中。

如何在不修改我的前端代码(以及 HTML 或 CSS(的情况下在此文本插值中呈现新行？如果需要，我最终会更改我的前端代码，但我需要快速后端修复，因为我的应用程序处于生产状态，我无法在一天内提供更新......

所以我尝试了n，<br />和
但没有一个有效...

当我检查视图时，HTML 如下所示：

<p>"my text"</p>

所以我想痛点来自双引号...

只是为了让您知道，我需要它才能在iOS版本上运行。

Answer 1

如果我理解，您希望能够渲染新行，这要归功于您从组件中获得的对象。

所以我认为你应该使用 Angular 的[innerHTML]和 <br> 标签 (https://angular.io/guide/template-syntax#!#property-binding-or-interpolation-(：

app.component.ts

export class AppComponent{
    sometext = 'some text';
    anothertext = '<br>new line here';
   ...
}

app.component.html

<p>{{sometext}} and <span [innerHTML]="anothertext"></span></p>