Come posso accedere a un oggetto per indice in un osservabile a eliminazione diretta?

Question

devo una matrice osservabile:

var myObservableArray = ko.observableArray([ 
    { name: "Car", price: "9999" }, 
    { name: "Shoes", price: "20" }, 
    { name: "Paper", price: "1" } 
]); 

Sto cercando di accedere al prezzo del primo elemento dell'array.

<div data-bind="text: myObservableArray()[0]"></div> 

Displays:

[object Object] 

che ho provato:

<div data-bind="text: myObservableArray()[0].price"></div> 

Ma che solo restituisce un NULL.

Qual è la sintassi corretta per farlo?

Modifica: corretto un errore di copia e incolla indicato di seguito.

Answer 1

Oltre a utilizzare il nome di proprietà errato, developerexampledata anziché myObservableArray, il codice va bene.

Ecco un working fiddle

Answer 2

Questo potrebbe essere semplicemente davanti a te tenta di accedere al primo elemento di un array prima che la matrice è stata popolata.

avvolgere il controllo dei dati-bind con una semplice istruzione if per verificare prima:

<!-- ko if: (myObservableArray().length > 0) --> 
    <div data-bind="text: myObservableArray()[0].price"></div> 
<!-- /ko -->