Knockout Modifying ObservableArray inside Computed

Question

I am trying to solve the problem where I have a two way computed observable and want that parsed into an observable array and have that change event bubble up. The problem is that the it appear to not be notifying subscribers.

Its best shown in jsfiddle: http://jsfiddle.net/RHhmY/13/

Code here:

function CustomerOverview() {
    var self = this;

    self.contacts = ko.observableArray([]);
    self.v = ko.computed(
        {
            read : function(){
            return "";
            },
             write : function(val){
               self.contacts = ko.observableArray(String(val).split(','));
             }
        }
    );
};



var vm = new CustomerOverview();
ko.applyBindings(vm);

and html:

LENGTH<span data-bind="text: contacts.length"></span><br />
<input type="text" data-bind="value: v">

I have tried a number of things including notifying subscribers of the observableArray in question and the length never updates.

As a side not, I'm very open to changing how this is constructed wrt knockout, just want something that works.

Answer 1

This breaks your binding:

write : function(val){
           self.contacts = ko.observableArray(String(val).split(','));
}

You want to update your observable instead of re-assigning it

write : function(val){
           self.contacts(String(val).split(','));
}