マップされた配列に改行を追加する方法は？

Question

私はfolowing KOオブジェクトを有する：

var Property= function (data) { 
    this.name= ko.observable(data[0].name); 
    this.address = ko.pureComputed(function() { 
     return data.map(function (prop) { 
      return prop.address; 
     }); 
    }, this); 
} 

JSON 'データ' は以下のとおりである：

[{ "名前"： "NAME1"、 "住所"、 "住所1"} { "名前"： "NAME1"、 "住所"： "アドレス2"}]

私はページ上の '住所' プロパティを表示し、

<span data-bind="text: address"></span> 

それは次のようになります。

アドレス1、アドレス2

私の質問は、私が代わりにコンマの改行とアドレスの間で区切ることができる方法ですか？

アドレス1

アドレス2

私はそれを試してみました：

var Property= function (data) { 
    this.name= ko.observable(data[0].name); 
    this.address = ko.pureComputed(function() { 
     return data.map(function (prop) { 
      return prop.address + '\n'; 
     }); 
    }, this); 
} 

をしかし出力されました：

アドレス1 \ nは、アドレス2 \ nは

どうすればいいですか？

Answer 1

\nは、休憩のようなHTMLの仕組みではありません。適切なレイアウトを使用する必要があります。最低でも<br />を使用してください。

あなたは、このようなエントリを連結することができます：

return data.map(function (prop) { 
     return prop.address; 
}).join('<br/>'); 

はまた、あなたが、保持されるマークアップのためのHTMLとして使用する値をバインドする必要があります。

<span data-bind="html: address"></span>