knockout.js - Knockout.js carraige 在段落文本中返回

Question

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

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

在字符串中包含<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

Answer 2

您可以使用html 绑定。

JS：

function AppViewModel() {
    this.firstName = "Bert<br\>Test";
    this.lastName = "Bertington";
}

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

看法 ：

<p>First name: <strong data-bind="html: firstName">todo</strong></p>
<p>Last name: <strong>todo</strong></p>

见小提琴