Javascript Ionic4显示带换行符的文本

我希望用户可以使用enter键在具有多行的输入字段中插入文本。然后我想把文本保存成字符串，然后发送到后端。在应用程序的详细信息页面上，我想显示插入的文本，但带有换行符

在输入的html文件中，我尝试了以下方法

在.ts中，我对描述字符串进行编码

 this.description = encodeURI(this.description);

但是当我想在另一个html文件中显示插入的文本时

<ion-col size="12">
    <div class="idea-description">
      <ion-text style = "white-space: pre-wrap;">{{ idea.description }}</ion-text>
    </div>

{{idea.description}}

它只显示编码的文本，但没有换行符。

我在中找到了答案，所以我想在这里与您分享，以防您尚未找到它

\n

如果对元素应用以下样式，将显示为换行符：

空白：预包装

我将其添加到元素中，数据现在显示为我的

元素中的换行符

<ion-card-content class="" style="padding-top:0; white-space: pre-wrap;">
            <ion-text [innerHtml]="notification.content"></ion-text>
</ion-card-content>

---

如果不编码

说明

，会发生什么情况？