Javascript 如何在源代码来自grails服务的textarea中显示换行符?
我正在制作一个grails angular应用程序,并从grails服务获取字符串。但是,当我尝试将其实现到textarea时,它不会显示新行 在grails中,我尝试将“\n”替换为 但它似乎不起作用 服务器端Javascript 如何在源代码来自grails服务的textarea中显示换行符?,javascript,html,angularjs,grails,Javascript,Html,Angularjs,Grails,我正在制作一个grails angular应用程序,并从grails服务获取字符串。但是,当我尝试将其实现到textarea时,它不会显示新行 在grails中,我尝试将“\n”替换为 但它似乎不起作用 服务器端 ... def a = MyDomain.get(myid) String result = a.detail.replace('\\n','
 
') ... ... $http.get('myController/getDetail?myId=
...
def a = MyDomain.get(myid)
String result = a.detail.replace('\\n','
 
')
...
...
$http.get('myController/getDetail?myId=' + id, vm.getConfig).
then(function(data) {
vm.textareaModel = data;
}
...
棱角分明
...
def a = MyDomain.get(myid)
String result = a.detail.replace('\\n','
 
')
...
...
$http.get('myController/getDetail?myId=' + id, vm.getConfig).
then(function(data) {
vm.textareaModel = data;
}
...
HTML
<textarea rows="5" ng-model='myScope.textareaModel' name='textarea'></textarea>
输出
this is a sample\n apple pen pineapple pen\n
这是一个示例&013
苹果笔菠萝笔&013
尝试将div与contenteditable属性一起使用。我通过使用ng将html
绑定到
解决了这个问题
<pre ng-bind-html="myScope.textareaModel"></pre>
不断重复的问题:)@vahid这是一篇很棒的帖子!但不幸的是,他们都没有解决这个问题。如果你在gsp中使用手动示例,通常会显示换行吗?如果不是,则可能是由于样式表覆盖-使用chrom dev控制台检查文本区域,以找到css样式定义/覆盖的默认值behaviour@vahid我只使用index.gsp,因为它是一个角度应用程序。它只包含脚本。我的视图是html。我检查了css并尝试了所有可能的空白。它们都不起作用:(我的意思是忘记angular正在做什么。我知道它只在一个页面上运行。我的意思是在主页中引入一个手动textArea表单字段,您可以在开始时看到该字段-让它包含aaa{newline}的手动内容bbb看看这是否可行。如果不可行,则很可能是样式问题,您也可以在文本区域中使用换行模式硬换行软换行。我的直觉是样式表,建议跟踪/检查文本区域将确认样式是否存在问题