Есть класс, описывающий простенький графический редактор:
function My_editor()
{
this.brushSize = 10;
this.activeColor = '#ff0000';
};
var editor = new My_editor();
Вот так я описал модель:
function AppViewModel(ed)
{
this.brushSize = ko.observable(ed.brushSize);
this.activeColor = ko.observable(ed.activeColor);
}
ko.applyBindings(new AppViewModel(editor));
Есть простейший интерфейс:
<p>Brush Size: <input type="number" data-bind="value: brushSize" /></p>
<p>Active Color: <input type="color" data-bind="value: activeColor" /></p>
Почему при изменении значений
brushSize и
activeColor, связанные атрибуты из объекта
editor не обновляют свои значения? Т.е. я пишу в консоли:
> editor.brushSize
И он возвращает мне исходное значение.