Eu estou no processo de fazer um dosminhas perguntas anteriores totalmente dinâmico em que o modelo é construído a partir de dados do servidor, e a visão faz um loop através do viewmodel através do nocauteko foreach funcionalidade.

Os problemas que estou enfrentando são:

As opções de rádio não ficam com o valor definido, ou seja, eu clico no sistema operacional e, em seguida, selecione uma opção de banco de dados e, em seguida, a configuração do sistema operacional desaparece.

As opções dependentes (neste caso, banco de dados e clustering) não têm sua seleção inicial selecionada quando a opção dependente muda (ou seja, quando o sistema operacional muda, o banco de dados deve voltar para a primeira opção, nenhum).

Meu violino está aqui e acho que o problema está relacionado ao código abaixo:

 computedOptions.subscribe(function () {
                    var section = this;
                    console.log("my object: %o", section);   
                    section.selection(section.options()[0].sku);
                },section);

Ou minhas ligações de visualização:

<!-- ko foreach: selectedOptions -->
    <h3><span data-bind="text: description"></span></h3>
    <table class="table table-striped table-condensed">
        <thead>
            <tr>
                <th colspan="2" style="text-align: left;">Description</th>
                <th>Price</th>
            </tr>
        </thead>
        <tbody>
            <!-- ko foreach: options -->
            <tr>
                <td><input type="radio" name="$parent.name" data-bind="checkedValue: $data, checked: $parent.selection" /></td>
                <td style="text-align: left;"><span data-bind="text: name"></span></td>
                <td style="text-align: left;"><span data-bind="text: price"></span></td>
            </tr>
            <!-- /ko -->
        </tbody>
    </table>
<!-- /ko -->

Não tenho certeza de qual e gostaria de receber um novo olhar enquanto meu cérebro dói com a sessão de jsfiddle.