我试图在段落中显示一个字符串,该字符串包含
用于显示新行。
但是当我打算换行时,我唯一得到的是 br 标签。
这是我的 TypeScript 方法。
viewEmailMessage(messageId: number): void {
console.log(messageId);
this.previewEmailMessage = new EmailMessage();
this.previewEmailMessage = this.emailMessageList.filter(item => item.id == messageId)[0];
console.log(this.previewEmailMessage);
this.previewEmailMessage.message = this.previewEmailMessage.message.replace(/(\n)+/g, '<br>');
this.previewEmailMessage.signature = this.previewEmailMessage.signature.replace(/(\n)+/g,'<br>')
}
HTML:
<div class="modal fade" id="preview-send" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Preview</h4>
</div>
<div class="modal-body">
<div class="preview-content">
<div class="title">
<h2>{{previewEmailMessage.title}}</h2>
</div>
<div class="subject">
<p>{{previewEmailMessage.subject}}</p>
</div>
<div class="description">
<p>{{previewEmailMessage.message}}</p>
</div>
<div class="signature-wrap">
<p>{{previewEmailMessage.signature}}</p>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn default-btn" data-dismiss="modal">Send</button>
</div>
</div>
</div>
</div>
每当 html 中出现换行符时,如何在新行中显示它。
最佳答案
一种方法是使用 [innerHTML]
设置段落内容:
<p [innerHTML]="previewEmailMessage.message"></p>
参见 this stackblitz用于演示。
关于javascript - 如何在包含 <br> 作为换行符的段落中的多行上显示字符串值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54113805/