【问题标题】:Textarea linebreaks not showingTextarea换行符不显示
【发布时间】:2013-12-04 04:06:15
【问题描述】:

我正在用 angularjs 构建一个收件箱聊天应用程序。用户在文本区域中输入他们的消息,他们的消息被保存到数据库中。他们可以在 textarea 中写入时按 Enter 键来创建换行符(对于长消息)。

但是,当我检索消息时,所有换行符都显示为单个空格。我不能使用
因为我正在检索的数据在 angularjs 的插值括号 {{messageinfo.message}} 中。

如何显示用户输入的换行符?

谢谢

编辑:

答案在这里解决了。

Preserve line breaks in angularjs

【问题讨论】:

  • @Stewie。谢谢。这个答案对我有用。
  • 这不是重复的,并且在这种情况下不起作用,因为 textareas 必须与 ng-model 绑定并且不支持 ng-bind-html。没有地方可以放置
     标签。 @user1424508,你是怎么让它工作的?

标签: javascript html angularjs unicode textarea


【解决方案1】:

问题是 textareas 中的换行符与 html 标签不同(\n<br />

在它上面运行一个替换并wallah

replace(/\r?\n/g, '<br />');

【讨论】:

  • 我做到了。这只会使所有空格变成屏幕上的
    文本。例如,如果我在 textarea hi bye 中写入,它会在屏幕上输出 hi
    bye
猜你喜欢
  • 1970-01-01
  • 2011-08-07
  • 2012-11-09
  • 1970-01-01
  • 1970-01-01
  • 2013-11-03
  • 1970-01-01
  • 1970-01-01
  • 2023-03-18
相关资源
最近更新 更多