Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/434.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在源代码来自grails服务的textarea中显示换行符?_Javascript_Html_Angularjs_Grails - Fatal编程技术网

Javascript 如何在源代码来自grails服务的textarea中显示换行符?

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=

我正在制作一个grails angular应用程序,并从grails服务获取字符串。但是,当我尝试将其实现到textarea时,它不会显示新行

在grails中,我尝试将“\n”替换为 但它似乎不起作用

服务器端

...
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看看这是否可行。如果不可行,则很可能是样式问题,您也可以在文本区域中使用换行模式硬换行软换行。我的直觉是样式表,建议跟踪/检查文本区域将确认样式是否存在问题