我想在AngularJS应用程序的页面底部显示所有绑定。因此，在页面的末尾（在正文中）我已经放置了一个bar，它可以非常正确地显示所有字符串。
EG。 {{vm}}
但是当字符串变得非常大时，线条不会断开，并且它会继续到1个非常大的线条，超出边界（从HTML元素中移出1行而不是在父元素内部进行包装）。
我已尝试过{"section":"b","b1anow":"","b1bnow":"","b1cnow":"","b1dnow":"","b1nowpoints":100,"b1ashould":"","b1bshould":"","b1cshou" }，但仍然有相同的输出。
我相信这样做是因为没有空间特征，但我不确定。
如何将<pre>{{vm}}</pre>放入父行html元素中的多行和换行中？
我不是在寻找一个pretify javascript或者其他什么。这不是我要求的。
另外{{vm}}不起作用，我补充说没有发生任何事情。
我已经尝试过了
word-wrap:break-word;
但不起作用，仍然是1行。
答案 0 :(得分：2)
vm.replace(/([{},:])/g, ' $1 ')
例如：
'{"k1":"v1","k2":"v2"}'.replace(/([{},:])/g, ' $1 ')
将返回
{ "k1" : "v1" , "k2" : "v2" }
并且使用那些额外空格，您的JSON可以毫无问题地包装。