knockout.js - 段落テキストの Knockout.js キャリッジ リターン

Question

<p>knockout.js を使用して、段落要素の text 属性にバインドされたテキストにキャリッジ リターンを含める方法を教えてください。

私の ViewModel では<p>、View にバインドされたテキストの文字列を生成しました。ブラウザが改行で表示する文字列に改行を含めたい。

<br />文字列にorを含めても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>

フィドルを見る