如何为模态内容正确添加换行符？我有一个简单的字符串：
'Please check the Apple and/or \nOrange Folder checkbox to start program.'
我已经把＆＃39; \ n＆＃39;换行符＃＆＃34; Orange＆＃34;所以我希望模态有两行。但是，当显示模态时，所有内容都显示在一行上（＆＃39; \ n＆＃39;未显示，因此我确定打字稿正确地看到它并且不使其成为字符串的一部分）。
答案 0 :(得分：9)
然而，当显示模态时，所有内容都显示在一行上（'\ n'未显示
确保容器具有CSS white-space: pre。如果没有这个新行被忽略，多个空格被折叠为一个等等。这就是html / CSS的工作原理。
答案 1 :(得分：3)
答案 2 :(得分：0)
另一种可能的解决方案是使用HTML标记进行换行：<br>
要在angular的上下文中做到这一点，您需要像这样使用innerHTML-Property：
<p [innerHTML]=" variableIncludingHTML "></p>
在这里您可以找到更多信息： Angular HTML binding
答案 3 :(得分：0)
在我看来，white-space: pre-line或white-space: pre-wrap也提供了预期的结果。
选择white-space: pre超出了模式边界。