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)이됩니다. 이 두 가지를 사용하여 객체의 변경 사항을 관찰하고 업데이트 코드를 트리거 할 수 있습니다.

Answer 2

두 가지 사항이 두드러집니다 : (1) taskstriker이 초기화되기 전에 작업 개체가 completed으로 설정되어 있습니다. (2) can.Control 또는 그 하위 클래스 중 하나를 인스턴스화하려면 DOM 요소를 첫 번째 인수로 전달하고 options 객체를 두 번째 인수로 전달해야합니다.