knockout Option wählen funktioniert nicht

Question

Ich arbeite an einem Projekt, in dem Daten von der API abgerufen werden, und ich versuche, eine Dropdown-Liste zu erstellen, mit Auswahl binden. Ich habe mein ausgewähltes Wertobjekt beobachtbaren Objekt in meinem Datenmodell deklariere, aber wenn ich versuche, den Wert in wählen Sie die Option Bindung zu verwenden, das gibt mir einen Fehler von Wert ist keine Funktion:

//.... 
    <h1 class="page-header">Kitchen</h1> 
    <select data-bind="options:dataModel.options()[0]['Kitchen'], optionsText:'label', value: selectedValue"> 
    </select> 
</div>` 

Dies ist der HTML-Code wo ich wählte:

var dataModel = { 
    selectedValue : ko.observable() 
}; 

Wie ich schon sagte, die Daten werden von JSON-Datei abgerufen.

Dies ist, wie Json wie folgt aussieht:

"options": { 
    "Kitchen": [{ 
     "label": "Ivory", 
     "data": "001-001" 
    }, 
    { 
     "label": "Chocolate", 
     "data": "001-002" 
    }] 
} 

Answer 1

Die options von json kein Array (die Anordnung einer der Kitchen ist), so sollte es dataModel.options()['Kitchen'] statt dataModel.options()[0]['Kitchen'] nicht sein. Oder vielleicht können Sie setzen dataModel.options().Kitchen Also die select geht werden wie folgt aussehen:

<select data-bind="options:dataModel.options().Kitchen, optionsText:'label', value: selectedValue"> 
</select>