javascript - 使用敲除文本创建新行

Question

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

Answer 1

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

运行以下代码段：

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>