段落文本中的 Knockout.js 回车

Question

使用 knockout.js，如何在绑定(bind)到段落文本属性的文本中包含回车 <p>元素。

在我的 ViewModel 中，我生成了一个绑定(bind)到 <p> 的文本字符串。在 View 中。我想在浏览器用换行符显示的字符串中包含回车符。

其中<br />或 Environment.NewLine在字符串中似乎不起作用。

Answer 1

您需要在元素中设置一个 css 属性。 white-space: pre-wrap

<p style="white-space: pre-wrap">First name: <strong data-bind="text: firstName">todo</strong></p>
<p>Last name: <strong>todo</strong></p>

function AppViewModel() {
    this.firstName = "Bert" + " \n " + "Test";
    this.lastName = "Bertington";
}

// Activates knockout.js
ko.applyBindings(new AppViewModel());

然后代码工作。与 \n