javascript - 了解 Canjs 控件示例

Question

正在查看用于控制的 Canjs 示例。

TaskStriker = can.Control({
    "{task} completed": function(){
        this.update();
    },
    update: function(){
        if ( this.options.task.completed ) {
            this.element.addClass( 'strike' );
        } else {
            this.element.removeClass( 'strike' );
        }
    }
});
var taskstriker = new TaskStriker({ 
    task: new Task({ completed: 'true' }) 
});

在这种情况下，任务对象到底是什么？我尝试使用 can.Construct 创建任务，但当值更改时它不会触发更新功能。

有人可以解释一下吗？

Answer 1

can.Construct 不实现可观察的属性。

任务对象将是 can.Map ( http://canjs.com/docs/can.Map.html ) 或 can.Model ( http://canjs.com/docs/can.Model.html )。通过这两个，您可以观察对象的变化，从而触发更新代码。