MVVM 모델의 책임

Question

이 질문은 코드를 구조화하는 방법 또는 좀 더 정확하게 Knockout을 사용하여 MVVM 패턴에서 모델의 책임을 수행하는 방법과 관련이 있습니다. Durandal과 함께 Knockout을 사용하고 있지만 질문은 MVVM 패턴의 일반적인 질문 일 수 있습니다. 예를 들어

를 들어 내가 같은 모델을 가지고 :

var Model = function(data){ 
     this.name = data.name; 
     this.count = ko.observable(); 
}; 

Model.prototype.getCount = function(){ 
     var self = this; 
     setInterval(function(){ 
      //some ajax call to get the count 
      self.count(data.count); 
     }, 1000); 

}; 

내 뷰 모델처럼 내 모델의 컬렉션을 취 지금

var ViewModel = function(){ 
     this.models = ko.observableArray([]); 
     //ajax call to get the required data 
     data.Items.forEach(function(item){ 
      var model = new Model(item);  
      model.getCount(); 
      this.models.push(model); 
     } 
}; 

그리고 내보기

<div data-bind="foreach: models"> 
    <div data-bind="text: name"></div> 
    <div data-bind="text: count"></div> 
</div> 

내 질문은 내 모델에는 관찰 가능한 속성이 있고 속성이 변경 될 때마다 뷰가 업데이트됩니다. 그러나 본질적으로 이는 모델이며 UI를 뷰 모델에만 의존하여 업데이트해야합니다.

따라서 카운트를 업데이트하는 것과 관련된 코드는 기본적으로 getCount이며보기 모델에 게시되며 해당 모델이 적합하지 않습니다. viewModel 또는 모델에서 어떤 코드를 유지해야하는지에 대한 구분은 어디에 있습니까?

Answer 1

솔직히 말해 모델을 뷰 모델로 분류 할 것입니다. 모델은 Ajax 호출에서 얻은 json 객체이며, 각각에 대한 뷰 모델을 생성한다. 내가 생각하는 한 중첩 된 뷰 모델은 문제가되지 않습니다.

Answer 2

넉 아웃은 MVVM을 실제로 구현하지 않습니다. 그것은 VVM과 더 비슷합니다. 백본 (Backbone) 등의 다른 라이브러리는 모델을 사용합니다. 녹아웃은 실제로하지 않습니다. Knockout의 MVVM을위한 "모델"은 서버 측 데이터베이스 엔터티입니다.