프로그래밍 방식으로 Durandal 모달 닫기

Question

Durandal을 처음 사용하기 때문에 내 문제에 대해 잘못된 접근 방식을 취할 수 있습니다.

사용자가 로그인 버튼을 클릭했을 때 '로그인 ... 기다려주십시오'라는 메시지가있는 모달 팝업을 표시하려고합니다. 응답을 받으면 모달 팝업을 닫고 싶습니다. 내 시도한 접근 방식은 Durandal의 app.showModal과 로그인 뷰 모델의 버튼이없는 뷰를 사용하여 사용자 정의 모달 팝업을 호출하는 것입니다. 이것은 모달 팝업을 보여 주지만 일단 서버 응답을 받으면 팝업을 닫는 방법을 파악할 수 없었습니다. 내가 본 모든 예제는 팝업을 닫는 모달 팝업보기에 버튼이 있습니다.

이것이 가능합니까? 그렇지 않다면 사용자에게 무언가가 일어나고있는 것을 보여주고 사용자가보기에서 다른 버튼을 사용하지 못하도록하는 더 나은 방법이 있습니까? (외부 코드 제거와 함께)

다음은 로그인 뷰의 뷰 모델 코드입니다 :

define(['services/appsecurity', 'durandal/plugins/router', 'services/utils', 'services/errorhandler', 'durandal/app', 'viewmodels/controls/activityindicator'], 
function (appsecurity, router, utils, errorhandler, app, activityIndicator) { 

    var username = ko.observable().extend({ required: true }), 
     password = ko.observable().extend({ required: true, minLength: 6 }), 
     rememberMe = ko.observable(), 
     returnUrl = ko.observable(), 
     isRedirect = ko.observable(false), 

    var viewmodel = { 
     username: username, 
     password: password, 
     rememberMe: rememberMe, 
     returnUrl: returnUrl, 
     isRedirect: isRedirect, 
     appsecurity: appsecurity, 

     login: function() { 

      var credential = new appsecurity.credential(this.username(), this.password(), this.rememberMe() || false), 
       self = this; 

      activityIndicator.message = 'Logging in...please wait'; 
      app.showModal(activityIndicator); 

      appsecurity.login(credential, self.returnUrl()) 
       .fail(self.handlevalidationerrors) 
       .always(function() { activityIndicator.close(); }); 
     }}; 

    return viewmodel; 
}); 

appsecurity.login 기능은 AJAX 포스트 호출입니다. 사용자 정의 모달의 뷰 모델은이 프로그램을 실행할 때

define(function() { 

var activityIndicator = function (message, title, options) { 
    this.message = message; 
    this.title = title || activityIndicator.defaultTitle; 
    this.options = options || activityIndicator.defaultOptions; 

    this.close = function() { 
     this.modal.close(); 
    }; 
}; 

return activityIndicator; 
}); 

, 내가 close의 .always(function() { activityIndicator.close(); });이 정의되지에서 오류가 발생합니다.

Answer 1

발견. 사용자 지정 모달의보기 모델이 잘못되어 close() 메서드가 정의되지 않았습니다. 작업 뷰 모델은 다음과 같습니다.

});

Answer 2

Durandal 2.0을 사용하는 사람은 위의 표시된 대답은 이전 1.x 버전에서만 작동합니다. 해피 코딩!