我希望用户可以使用 Enter 键在多行的输入字段中插入文本。然后我想将文本保存在一个字符串中,然后将其发送到后端。在应用程序的详细信息页面上,我想显示插入的文本但带有换行符。
在输入的 html 文件中我试过这个
<div>
<ion-item>
<ion-textarea rows="5" name="description" type="text"
placeholder="Description" [(ngModel)]="description" required>
</ion-textarea>
</ion-item>
</div>
Run Code Online (Sandbox Code Playgroud)
在 .ts 中,我对描述字符串进行编码
this.description = encodeURI(this.description);
Run Code Online (Sandbox Code Playgroud)
但是当我想在另一个 html 文件中显示插入的文本时
<ion-col size="12">
<div class="idea-description">
<ion-text style = "white-space: pre-wrap;">{{ idea.description }}</ion-text>
</div>
Run Code Online (Sandbox Code Playgroud)
它只显示编码文本,但没有换行符。