ノックアウトデータバインドされた文字列の連結

Question

Knockoutで文字列の連結配列をデータバインドするにはどうすればよいですか？私はこのような何かをしたい：

明らか

<span data-bind='text: foreach person in persons person.name+","+person.age> 

構文が間違っているが、それは一人一人のために複数のスパンを作成することなく、上記のような何かをすることは可能でしょうか？

Answer 1

データバインドでは、あらゆる種類の有効なjavascriptを使用できます。

var model = { 
    people : ko.observableArray([ 
    {name: "Name1", age: 30}, 
    {name: "Name2", age: 31}, 
    {name: "Name3", age: 32}, 
    ]) 
} 

ko.applyBindings(model); 

は、我々が行うことができます：

<span data-bind='text: people().map(function(p){return p.name + "," + p.age}).join(", ")'> </span> 

オプションこのようなモデルを想定しSee fiddle

-

オプション1：そうだと思うが、このような何かを行うことが可能です2-See fiddle

しかしcoplexインラインJavaScriptを埋め込むことをお勧めではないですが、私はこの

var model = { 
    people : ko.observableArray([ 
    {name: "Name1", age: 30}, 
    {name: "Name2", age: 31}, 
    {name: "Name3", age: 32}, 
    ]), 
} 

model.allPeople = ko.computed(function() { 
    return model.people().map(function(p){return p.name + "," + p.age}).join(", "); 
}); 

ko.applyBindings(model); 

そして、HTMLのような計算されたプロパティを作成するためにお勧めします：あなたは、常に計​​算されているループを使用することができます

<span data-bind='text: allPeople'> </span>