ノックアウトの文字列の配列

Question

私はASP MVCチェスのWebアプリケーションで作業しています。サーバ - クライアント部分はSignalRで作られています。サーバー部分はC＃で作られ、ゲームが実装され、クライアント部分はKnockoutを使ってjavascriptになっています。

チェスボードには64個のimgタグがあります。これらのイメージのソースパスは、クライアント部分の文字列リストに格納されます。 SignalRを使用して、その配列をクライアントに渡すことができます。

これらのimgタグには異なるCSSクラス（白黒）と異なるIDがあるため、データバインド= "foreach：pathArray"は使用できません。したがって、このようなパスにソースをバインドしようとしています。

data-bind="attr: { src: pathArray()[1]}" 

しかし、動作しません。

Chromeでデバッグすると、javascriptの配列にデータが格納されていることがわかりましたが、imgタグにアイテムをバインドすることはできません。

これを行う別の方法はありますか？他のJavaScriptライブラリと同じですか？

編集： これは私がそれを宣言した方法です。 self.CellList = ko.observableArray（[]）;

これはどのようにデータを入力するかです。

for (i = 0; i < cellList.length; i++) { 
      viewModel.CellList.push(cellList[i]); 
     } 

ここで、cellListはSignalRから受信した文字列です。より多くのコードなし

hub.client.beginGame = function (gameDetails, cellList) 

Answer 1

問題が何であるかを伝えるのは難しいですが、代わりに直接文字列を挿入する私は「cellList」に

ビュー内のロジックを持つ

var cell = function(data,index){ 
    var self = this; 

    self.class = index%2==0?'black':'white'; 
    self.id = 'prefix'+data.id 
} 

を各項目のVMを作成します何も問題ではありません。 VMにそれを引き出すことは、多くの問題を解決します。