使用敲除文本创建新行

【问题标题】：Creating new line using knockout text使用敲除文本创建新行
【发布时间】：2015-05-31 15:39:28
【问题描述】：

我正在创建 SPA。我正在使用淘汰赛和可观察数组来迭代 json 数组。有时我在文本中有 br 标记，并且使用 data-bind="text: myVar" 我想断线。问题是，br 标签不起作用，因为我可以看到
除了换行符。我的问题是：如何强制淘汰数据绑定使用来自 json 数据的这个 br 标签创建新行？我试图使用“white-space: pre-wrap”，但没有用。

【问题讨论】：

标签： javascript json knockout.js single-page-application javascript-databinding

【解决方案1】：

您只需要使用html: 而不是text: 进行绑定，它就会处理<br />。

运行以下 sn-p：

var viewModel = {
  myVal: ko.observable('First Line <br />Second Line <br />Third Line')
};

ko.applyBindings(viewModel);

* {
  font-family: Arial;
  }

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.2.0/knockout-min.js"></script>
<h2>Text Binding:</h2>
<span data-bind="text: myVal"></span>
<h2>HTML Binding:</h2>
<span data-bind="html: myVal"></span>

【讨论】：