Работа с данными JSON из CouchDB в Knockoutjs

Question

Я пытаюсь получить пример кода от knockoutjs, работающего с данными из моего локального Couchdb. http://learn.knockoutjs.com/

Я использую представление, чтобы получить мои задачи из БД. Как Couch возвращает rows.value.tasks

{"total_rows":5,"offset":0,"rows":[
{"id":"216c1717d57aa328b8d3e5a79f0008fe","key":["216c1717d57aa328b8d3e5a79f0008fe",1],"value":{"title":"derde title taak","isDone":false}},

Я добавил.value в функцию Task(data) и добавил.rows в var mappedTasks = $.map(allData.rows... Показываются начальные задачи (title, isDone), однако я больше не могу добавить новую задачу. Если Я нажимаю кнопку Добавить, я получаю сообщение об ошибке. Значение не определено. Удаление задачи обрабатывается без ошибок.

Может ли кто-нибудь помочь мне заставить этот пример работать? Следующим шагом для меня является обновление изменений в списке задач обратно в БД. Помощь в этом тоже очень приветствуется.

// TaskListViewmodel

function Task(data) {
    this.title = ko.observable(data.value.title);
    this.isDone = ko.observable(data.value.isDone);
}

function TaskListViewModel() {
// Data
var self = this;
self.tasks = ko.observableArray([]);
self.newTaskText = ko.observable();
self.incompleteTasks = ko.computed(function() {
    return ko.utils.arrayFilter(self.tasks(), function(task) { return !task.isDone() });
});

// Operations
self.addTask = function() {
    self.tasks.push(new Task({ title: this.newTaskText() }));
    self.newTaskText("");
};
self.removeTask = function(task) { self.tasks.remove(task) };

// Load initial state from server, convert it to Task instances, then populate self.tasks
 $.getJSON("http://127.0.0.1:5984/tasks/.../tasks", function(allData) {
    var mappedTasks = $.map(allData.rows, function(item) { return new Task(item) });
    self.tasks(mappedTasks);
}); 

}

ko.applyBindings(new TaskListViewModel, $("#DataKO")[0]);

Answer 1

Проблема в этой строке:

self.tasks.push(new Task({ title: this.newTaskText() }));

Ваш конструктор Task ожидает, что аргумент data будет иметь свойство 'value', но вы указали только 'title'.