ノックアウトビューモデルに既存の選択オプションをバインドする

Question

私はKnockout.jsをかなり新しくしているので、これは愚かな質問かもしれません。

私はBindingsのドキュメント、特にoptions bindingを読んでいます。これは、バインディングを適用するときに言います：

以前のオプションは削除されます。

既存のオプションを保持する方法はありますか？

<select data-bind="options: availableOptions, optionsText: 'name', value: selectedOption"> 
    <option value="1">One</option> 
    <option value="2" selected>Two</option> 
</select> 

<script type="text/javascript"> 
    var option = function(name, value) { 
     this.name = name; 
     this.value = value; 
    }; 
    var viewModel = { 
     availableOptions : ko.observableArray([]), 
     selectedOption : ko.observable() 
    }; 
</script> 

Answer 1

Nikoの提案に基づいて、静的データとの宣言的バインディングを混同しないようにしてください。ビューが変更されにくい場合は、データをビューに配置します（selectのオプション要素）。動的な場合は、データをKOビューモデルに入れます。

私のシナリオでは、かつてのだ：

<select data-bind="value: selectedOption"> 
    <option value="1">One</option> 
    <option value="2" selected>Two</option> 
</select> 

<script type="text/javascript"> 
    var viewModel = { 
     selectedOption : ko.observable() 
    }; 
</script> 

Answer 2

どのバックエンドをお使いですか？既存のすべてのオプションをjsonオブジェクトに入れて、ビューモデルをhttp://knockoutjs.com/documentation/plugins-mapping.htmlで埋めることをお勧めします。