使用删除文本创建新行

Creating new line using knockout text

本文关键字：创建 新行 文本 删除      更新时间：2023-09-26

我正在创建SPA。我正在使用敲除和可观察数组来迭代json数组。有时我在文本中有br标记，使用databind="text:myVar"我想换行。问题是，br标签不起作用，因为我可以看到<br/>除了新行。我的问题是：如何使用json数据中的这个br标记强制敲除数据绑定来创建新行？。我试图使用"空白：预包装"，但没有成功。

您只需要使用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>

相关文章：