ノックアウトマッピング：ネストしたオブジェクトから適用バインディングで値がクリアされるのはなぜですか？

Question

私は多くのネストされたオブジェクトとネストされたオブジェクトのコレクションを持つKOモデルを持っています。 ko.mappingsマッピングオプションを使用して、モデル作成中に正しく生成されるようにしますが、値はクリアされます。メニューダウン簡単なドロップを開始し、それにオブジェクトをバインドしようとすると：

<select id="myList" name="SelectedSurvey" id="SelectedSurvey" class="form-control" 
data-bind="options: AvailableSurveys, optionsText: 'Name', value: SelectedSurvey, 
optionsCaption: '-- Select Survey --'"></select> 

次に、ページ上の新しいオブジェクトを作成する際に、いくつかのデータを取り、それが正常に動作しますが、から既存のレコードを編集しようとしたとき同じページでは、ドロップダウン値は決して選択されません。私がviewModel.SelectedSurvey() the value is undefined, but it only becomes undefined after I call applyBindings（）をチェックするとき。なぜこうなった？どうすれば修正できますか？ここで

は実施例である：http://jsfiddle.net/6wLcr52y/3/

コンソールを開いて、それを実行した場合、あなたはapplyBindings()前にログがいっぱいViewModelに呼び出され、ネストされたオブジェクトSelectedSurvey()が適切な値を持つオブジェクトをkomappingされ表示されますそれが呼び出された後です。 SelectedSurvey()は未定義となり、そのように私のドロップダウンリストには決して選択された値がありません。

Answer 1

SelectedValueパラメータは、オブジェクトを有効な値として受け入れたくないようです。したがって、有効な値が指定されていないと考えてバインディングを適用するとすぐにSelectedValueオブザーバブルをクリアします。

回避策として、optionsValueパラメータを使用して、値として 'Id'プロパティを受け入れるソリューションを作成しました。これにより、Surveyオブジェクト全体ではなく、単に「Id」値を渡すことで、選択された測量が制御されるようになります。

これには、ノックアウトバージョンを3.4.0に更新する必要があります。何らかの理由で2.2.1を使用することに拘束されていますか？

さらに、マッピングプラグインの読みやすい実装を組み込むようにjsfiddleを更新しました。うまくいけば、これはあなたの問題を解決します：

var ViewModel = function(data) { 
    var self = this; 
    self.AvailableSurveys = ko.mapping.fromJS(data.AvailableSurveys); 
    self.SelectedId = ko.observable(data.SelectedSurvey.Id); 
    self.SelectedSurvey = ko.pureComputed(function() { 
     for (i = 0; i < self.AvailableSurveys().length; i++) { 
      if (self.AvailableSurveys()[i].Id() === self.SelectedId()) { 
       return self.AvailableSurveys()[i]; 
      } 
     } 
    }) 
} 

フィドル：http://jsfiddle.net/dw1284/v1L5tw6h/3/