コードには 2 つのセクションがあります。
コード #1:
<select data-bind="options: operatingSystems,
optionsText: function (item) {
return item.Name
},
value: selectedOperatingSystem"></select>
コード #2:
<script type="text/html" id="os-template-detail">
<option data-bind="text: Name" class="body-text"></option>
</script>
<select data-bind="value: selectedOperatingSystem,
template: { name: 'os-template-detail', foreach: operatingSystems }"></select>
どちらもjsonからのデータを正しく表示します。コード #1 では、リストの項目を選択すると値が更新されますが、コード #2 では項目を変更しても何も更新されません。
私は Knockout.js を初めて使用するので、コード #2 が機能しない理由がわかりません。テンプレートと値を同時に使用できないのは Knockout の制限ですか?