Durandal : 두 개의 서로 다른 변수

Question

같은 뷰 모델 (제어) 정의

그래서 나는 내가 예를 들어 동일한 뷰 모델 내에서 두 개의 서로 다른 장소에서 사용하려는 스크롤 제어 만들었습니다 -

define(['common/viewmodels/controls/scroller-nav', 'common/viewmodels/controls/scroller-nav'], 
    function(mainScrollNav, modalScrollNav)) 

     vm = { 
      activate: activate, 
      mainScrollControl: ko.observable(null), 
      modalScrollControl : ko.observable(null) 
     } 

     return vm; 

     function activate() { 
      vm.mainScrollControl({ model: mainScrollNav, view: 'common/views/controls/mainScroll' }); 
      vm.modalScrollControl({ model: modalScrollNav, view: 'common/views/controls/modalScroll' }); 

      // load up the data that is to be used for each (should be independent) 
      mainScrollNav.init(); 
      modalScrollNav.init(); 
     } 
    } 
} 

제어를 mainScrollControl 및 modalScrollControl이 채워진 두 인스턴스에서 모두 제대로로드되지만 컨트롤이 별도로 정의되어 있어도 데이터가 공유됩니다 (모달의 스크롤러 위치 수정 및 기본 페이지에서 수정 됨). 독립된 viewmodels가 아니라 하나의 서비스 viewmodel에 mainScrollNav 및 modalScrollNav 링크가있는 것처럼 보입니다. 이 올바른 방법으로 가고 있습니까, 아니면 다른 것을 사용해야합니까?

Answer 1

솔루션은 뷰 모델을 만들 아니었지만, 그래서보기 모델의 함수 ...

var control = function(){ 
    vm = { 
     // Vars and functions 
    } 
    return vm; 
} 

return control; 

그런 다음 뷰 모델은 단지에서 전달 된 참조를 호출하여 필요한만큼 여러 번 resused 할 수있다 매개 변수를 정의하십시오. 둘 다 독립적으로 잘 작동합니다.

define(['common/viewmodels/controls/scroller-nav'],function(scrollNav)){ 

vm = { 
    mainScroller: new scrollNav(), 
    subPageScroller: new scrollNav() 
} 

return vm;