我有一个通过 AJAX 获取 JSON 并创建新任务的视图模型,但 Knockout 不断给我一个绑定错误。
如果我直接在我的视图模型中对来自服务器的数据进行硬编码,我不会收到任何错误。
我的视图模型创建了一个新任务,它有一个 id、一个问题和一些备选方案,它本身有一个文本和正确的布尔标志。
以下代码可以正常工作:
function Task(data) {
var self = this;
self.id = data.id;
self.question = ko.observable(data.question);
var alts = new Array();
$(data.alternatives).each(function(index){
alts.push(new Alternative(data.alternatives[index].alternative, data.alternatives[index].correct));
});
self.alternatives = ko.observableArray(alts);
}
function Alternative(alternativeText, correctAnswer) {
var self = this;
self.alternative = ko.observable(alternativeText);
self.correct = ko.observable(correctAnswer);
}
function TaskViewModel() {
var self = this;
var data = {
id: 5,
question: 'test',
alternatives: [{
alternative: 'alt 1',
correct: false
},{
alternative: 'alt 2',
correct: true
},{
alternative: 'alt 3',
correct: false
}]
};
self.task = new Task(data);
}
但是,如果我用来自服务器的真实数据交换硬编码data
变量:
function TaskViewModel() {
var self = this;
$.getJSON('/data', function(data){
self.task = new Task(data);
});
}
淘汰赛给了我这个错误:
Error: Unable to parse bindings.
Message: ReferenceError: Can't find variable: task;
Bindings value: value: task.question
URL 中的数据如下所示:
{"id":5,"question":"test","alternatives":[{"alternative":"alt 1","correct":false},{"alternative":"alt 2","correct":true},{"alternative":"alt 3","correct":false}]}
我似乎无法弄清楚为什么这不起作用:/