时间戳

首页 > 解决方案 > 显示带换行符的字符串

javascript - 显示带换行符的字符串

问题描述

我需要用换行符显示字符串。

我有对象：

"test": {
    "test1": 5,
    "test2": 6
 }

现在我需要显示如下内容：

test1 - 5
test2 - 6

所以我使用：

$scope.displayString = _.keys(test).map(function(key) {
    return (key + '-' + test[key])
}).join('\n')

但在视图中，我仍然在一行中使用字符串，例如：

test1 - 5 test2 - 6

看起来我用逗号替换了一个空格，但我想换行。我该如何解决？感谢您的提示！

我不想使用 jQuery，我想将 $scope.displayString 传递给我的 html（用于工具提示）。

标签： javascripthtml

解决方案

使用join("<br />")代替，join("\n")也使用html()功能。

let object = {
  "test": {
    "test1": 5,
    "test2": 6
  }
}, 
text = Object.keys(object.test).map(function(key) {
  return (key + '-' + object.test[key])
}).join("<br />");

$('#showHere').html(text)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<p id='showHere'>

</p>

推荐阅读