Возврат нокаут .js carraige в тексте абзаца

Используя knockout.js, как мне включить возврат каретки в текст, привязанный к текстовому атрибуту элемента <p>.

В моей модели ViewModel я сгенерировал строку текста, привязанную к <p> в представлении. Я хочу включить возврат каретки в строку, отображаемую браузером с разрывами строк.

Включение <br /> или Environment.NewLine в строку не работает.

Ответ 1

Вы можете использовать привязку 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>

См. скрипку

Ответ 2

Вам нужно установить свойство 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

Ответ 3

Вы также можете использовать промежутки для получения привязок, а затем html будет как обычно.

<span data-bind="text: firstName"></span><br /><span data-bind="text: lastName"></span>