ローカル Couchdb のデータを使用して実行されているノックアウト js からサンプル コードを取得しようとしています。 http://learn.knockoutjs.com/#/?tutorial=loading Saving
ビューを使用して、データベースからタスクを取得します。Couch が rows.value.tasks を返すように
{"total_rows":5,"offset":0,"rows":[
{"id":"216c1717d57aa328b8d3e5a79f0008fe","key":["216c1717d57aa328b8d3e5a79f0008fe",1],"value":{"title":"derde title taak","isDone":false}},
関数 Task(data) に .value を追加し、var に .rows を追加しました。 [追加] ボタンを押すと、.value が定義されていないというエラーが表示されます。削除タスクはエラーなしで処理されます。
この例を機能させるのを手伝ってくれる人はいますか? 私にとっての次のステップは、タスクリストの変更を更新してデータベースに戻すことです。それに関するヘルプも大歓迎です。
// 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]);