KnockoutJSで配列をバインドするのが難しい

Question

Knockoutでビューモデルデータにバインドするのが難しいです。アプリケーションの中にバインドするものもあれば、ネストされた配列をバインドするものはありません。

MVCEとして問題を再現しようとして、this jsFiddleを作成しました。しかし、現在のアドレス部分が全く機能しないため、MVCEは実際のコードよりもさらに機能します。私はこれがjsFiddleの何かに不慣れであることを望んでいる。

それは次のように見えるASP.NETでのWebAPIの呼び出し（非MVCEのテキストは削除）から返されるJSONです：ページが新規または編集シナリオで使用することができますので、私はその後、

'{"CurrentAddress":{"ResidentFrom":2010,"Address":{"OfNoFixedAbode":false,"Line1":"A","Line2":"B","Line3":"C","Line4":"D","Line5":"E","PostCode":"3C"},"FullAddress":"A, B, C, D, E, 3C"},"HasPreviousAddresses":true,"PreviousAddresses":[{"ResidentFrom":2004,"ResidentTo":2010,"Address":{"OfNoFixedAbode":false,"Line1":"K","Line2":"L","Line3":"M","Line4":"N","Line5":"O","PostCode":"2B"},"FullAddress":"K, L, M, N, O, 2B"},{"ResidentFrom":1998,"ResidentTo":2004,"Address":{"OfNoFixedAbode":false,"Line1":"F","Line2":"G","Line3":"H","Line4":"I","Line5":"J","PostCode":"1A"},"FullAddress":"F, G, H, I, J, 1A"}]}'; 

ViewModelにに変数を入れて

if ((serverModel !== null) || (serverModel !== undefined)) { 
    SetValues(viewModel, serverModel); 
} 

SetValues試みを、それはすべてのかなり簡単なものです：テストは次のように。実際には何らかのマッピングlibを使用する必要がありますが、私は最初にそれを動作させる基本バージョンを取得することを考えています。

全体のコードは、以前jsFiddle

EDIT 2016年11月9日 は、私は、スタンドアロンのファイルにこのすべてを入れて、F12を通してそれを実行しました言及で見ることができます。次のように私は戻って取得エラーです：

"Unable to process binding \"value: function(){return CurrentAddress().Address().ResidentFrom }\"\nMessage: Function expected" 

Answer 1

だから、ここで起こって多くのものがあります。..

あなたはJSONをパースした後まず、CurrentAddressオブジェクトが観察できるように作成されていません。そこで、以下のようなすべてのバインディングを変更する -

<label data-bind="value: CurrentAddress.Address().ResidentFrom"></label> 

はまた、私はあなたがFullAddressという名前のプロパティを定義していないが、あなたはあなたのバインディングでそれを使用していることを観察しました。それはあまりにもエラーを投げていた。

FYI