如何使用动态文本

时间：2018-01-26 07:28:21

标签： angular5

我的整个应用程序从JSON文件中读取文本。当我尝试在文本上添加一个
像... ... 

{
  "welcome": "Hello <br> This is a test."
...
}

线不会破裂。

Chrome控制台中的输出：

enter image description here

我认为控制台没有正确显示。当我复制元素并在编辑器上检查时，我得到了关注。

您好＆lt; br＆gt;这是一个测试。

我们可以正确输出字符＆lt;＆gt;在角5！

1 个答案:

答案 0 :(得分：0)

好的，找到了解决方案......

在html中使用style =＆＃34; white-space：pre;＆＃34; 并在JSON中打破＆＃34; \ n＆＃34;是的。

<p style="white-space: pre;">
 {{MyHTMLText}}
</p>

或添加textarea ...

CSS 

textarea.content {
  width: 100%;
  height: auto;
  resize: none;
  border: 0;
  margin: 0;
  padding: 0;
  white-space: pre-line;
}

HTML 

<textarea class="content"
          disabled>
   {{MyText}}
</textarea>
相关问题
最新问题