Knockout.js: невозможно проанализировать привязки из JSON
У меня есть модель представления, которая выбирает JSON через AJAX и создает новую задачу, но Knockout продолжает выдавать мне ошибку привязки.
Если я жестко закодирую данные, поступающие с сервера прямо в мою модель представления, я неЯ не получаю никаких ошибок.
Моя модель представления создает новую задачу с идентификатором, вопросом и несколькими альтернативами, которая сама по себе имеет текст и правильный логический флаг.
Следующий код работает отлично:
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}]}
Я могу'кажется, не понять, почему это не победитт работа: /