Durandal Singletone Issue

Question

define(['durandal/app', 'jquery'], function (app) { 

return { 
    self: this, 
    title: 'Client Data', 
    canSubmit: ko.observable(false), 

    personalNumber: ko.observable().extend({ 
     required: true, 
     minLength: 11, 
     maxLength: 11 
    }), 
    documentNumber: ko.observable(), 
    documentType: ko.observable(), 
    country: ko.observable(), 
    firstName: ko.observable(), 
    middleName: ko.observable(), 
    lastName: ko.observable(), 
    citizenship: ko.observable(), 
    age: ko.observable(), 
    sex: ko.observable(), 
    city: ko.observable(), 
    currentAddress: ko.observable(), 
    registrationAddress: ko.observable(), 
    phone: ko.observable(), 
    mobile: ko.observable().extend({ 
     required: true 
    }), 

    email: ko.observable().extend({ 
     email: true 
    }), 

    canSubmit: function(){ 
     app.trigger('formIsValid:event', self.errors().length == 0); 
     return self.errors().length == 0; 
    }, 
    validate: function() { 
     if (!self.canSubmit()) self.errors.showAllMessages(); 
    }, 
    compositionComplete: function() { 

     //alert(apiLocation()); 

     $(document).on("keydown", ".personalID", function (k) { 
      if(k.keyCode == 13) 
       $(this).blur(); 
     }) 

     $(document).on("change", ".personalID", function() { 

     }); 

    }, 

    errors: ko.validation.group(self), 

    deactivate: function() { 
     self = null; 
    }, 
}; 

Когда я перемещаюсь от этой композиции, он по-прежнему хранит данные на входах. Как я могу сделать наблюдаемые не вспомнить значения после того, как уйдет, так что, когда я снова запустить эту композицию будет ясно

Answer 1

Просто вернуть функцию конструктора вместо объекта в функции определения ViewModel (модуль).

define(['durandal/app', 'jquery'], function (app) { 
    var vm = function(){ 
     var self = this; 
     this.title= 'Client Data'; 
     this.canSubmit = ko.observable(false); 
     //... properties 
     this.canSubmit = function(){ 
      app.trigger('formIsValid:event', self.errors().length == 0); 
      return self.errors().length == 0; 
     } 
     //... methods 
    }; 

    return vm; 
}; 

Таким образом, при каждом включении режима просмотра создается новый экземпляр. Если вам нужны синглтоны по какой-то причине, тогда вы должны добавить дополнительную логику в деактивацию, чтобы очистить значения.

Вам действительно нужен синглтон?

EDIT:

define(['durandal/app', 'jquery'], function (app) { 
    var vm = function(){ 
     var self = this; 
     this.title= 'Client Data'; 
     this.canSubmit = ko.observable(false); 
     this.model = ko.validatedObservable({ 
         personalNumber: ko.observable().extend({ 
          required: true, 
          minLength: 11, 
          maxLength: 11 
         }), 
         documentNumber: ko.observable(), 
         documentType: ko.observable(), 
         country: ko.observable(), 
         firstName: ko.observable(), 
         middleName: ko.observable(), 
         lastName: ko.observable(), 
         citizenship: ko.observable(), 
         // ..... 
         }); 
     this.errors = ko.validation.group(this.model); 
     this.mustValidate = ko.observable(true); 
     //... add the properties 
     this.canSubmit = function(){ 
      app.trigger('formIsValid:event', self.errors().length == 0); 
      return self.errors().length == 0; 
     } 
     //... add the methods 
    }; 

    return vm; 
}; 

Затем в интерфейсе вы можете связать некоторую область с моделью, а также использовать функции или свойства, которые принадлежат к ViewModel, используя $ родителя:

<form data-bind="with: model"> 
     <input data-bind="value: personalNumber" type="text"/> 
     <button data-bind="click: $parent.submit, visible: $parent.canSubmit() /> 
    </form> 

В основном, просто примените MVVM, model-view - ViewModel. То, что вы пытаетесь сделать, это создать супер-модель, которая также ведет себя как ViewModel.

Answer 2

Вы можете использовать событие реактивировать, чтобы установить начальные значения,

activate: function() { 
this.phone(""); 
this.citizenship(""); 
//.... 
}, 

Редактировать
Другой вариант заключается вручную инстанцировании вашу модель представления,

define(['durandal/app', 'jquery'], function (app) { 
    var ctor=function(){ 
    this.phone(""); 
    //... 
    } 

    return ctor; 
}); 

в модели родительского вида экземпляр новой модели,

activate:function{ 
     this.myViewModel=new myViewModel(); 
    } 

А затем в HTML указать экземпляр вид модели

data-bind="compose: { model:myViewModel, view:'myView.html' }"