Css 空白：前行未按預期工作

Question

 content: string; this.content = "The system was unable to process your request.<br/>Please use your browser back button.";

 .content{ white-space: pre-line; }

 <div class="card-body text-center"> <span class="content"> {{ content }} </span> </div>

預行應該闖入
標簽，相反，我得到了包含標簽的完整消息。 我已經嘗試過 \n 和
但似乎沒有任何效果。

Answer 1

您可以在 typescript 中使用模板文字https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals來傳遞多行字符串。 這將保留文本中的換行符，但需要用簡單的換行符替換<br>標記。

this.content = `The system was unable to process your request.
Please use your browser back button.`;