How to clear observable properties in knockout?

Question

I have javascript code block and html like below. The model object is a generic. It is defined at run time. It can be like this. ``` var model = { "xId": ko.observable(0), "xName": ko.observable(null), "Type": ko.observable("x") }; /* var model = { "yId": ko.observable(0), "yName": ko.observable(null), "Type": ko.observable("y") }; var model = { "zId": ko.observable(0), "zName": ko.observable(null), "Type": ko.observable("z") }; */ var vm = function (data) { ko.mapping.fromJS(data, {}, this); }; var vm2 = function () { var self = this; self.New = ko.observable(null); self.NewItem = function () { console.log(model); self.New(new vm(model)); }; }; var viewModel = new vm2(); ko.applyBindings(viewModel); vm.prototype.Save = function () { viewModel.New(null); /*In here all of inputs must be cleared but How to :)*/ }; ``` The newForm for first model. ```

Accepted Answer

edit: Your viewmodel is a bit strange, having that inner model that is a static reference to the same observables, the mapping plugin will reuse old observables when they find them. Why are you even mapping like that to a static defined collection of observables, why not just explicit declare your viewmodel?

Old answer Could do it?

```
for(var index in vm) {
   if(ko.isObservable(vm[index])) {
      vm[index](null);
   }
}
```

edit: You could also create a special observable that is clearable

How to clear observable properties in knockout?

Solution

Problem