Невозможно связать массив ko.observable с циклом foreach

Question

У меня есть простой viewModel, который я создаю из MVC для строки json, я использую ko.mapping, чтобы выполнить это.

var initialTicketData = {"Ticket": [{"ID":1,"EventID":506596,"Name":"General Admission","Quantity":100,"Price":15.0},{"ID":2,"EventID":506596,"Name":"Backstage Passes","Quantity":25,"Price":50.0}]}; 

var ticketViewModel = ko.mapping.fromJS(initialTicketData); 

ko.applyBindings(ticketViewModel); 

Я хочу перебрать этот массив и отобразить данные на странице. Я пытаюсь использовать привязку данных foreach.

<tbody data-bind="foreach: ticketViewModel.Ticket"> 
    <tr> 
     <td data-bind="text: ticketViewModel.Name"></td> 
     <td data-bind="text: ticketViewModel.Price"></td> 
     <td data-bind="text: ticketViewModel.Quantity"></td> 
    </tr> 
</tbody> 

Однако, когда я пытаюсь запустить, я получаю следующую ошибку.

"Unable to parse bindings. Message: ReferenceError: ticketViewModel is not defined; Bindings value: foreach: ticketViewModel.Ticket"

Любая помощь была бы принята с благодарностью.

Answer 1

Попробуйте вместо этого:

<tbody data-bind="foreach: Ticket"> 
    <tr> 
     <td data-bind="text: Name"></td> 
     <td data-bind="text: Price"></td> 
     <td data-bind="text: Quantity"></td> 
    </tr> 
</tbody> 

Наручники всегда относительно текущего контекста. Когда вы говорите ko.applyBindings(ticketViewModel);, вы устанавливаете контекст «корень» на ticketViewModel. Затем, когда вы используете «foreach», вы добавляете новый контекст, а привязки внутри «foreach» теперь относятся к каждому элементу Ticket.