Can not remove object from knockout observableArray

Question

I have troubles with removing object from my observable array.

It's declaration:

self.points = ko.observableArray([]);

It's holding:

self.map.points.push(new google.maps.LatLng(a, b));

I'm trying to remove some elements from this array using this code:

self.points.remove(val.internalMarker.position)

Where val.internalMarker.position hold the same LatLong object initialized with the same values as that point.

But for unknown reason remove function leaves array untouched.

Here You can check my full code on JSFiddle

Answer 1

Have you tried this?

self.points.remove(function(pos) {
    return pos.lat() == val.internalMarker.postition.lat()
        && pos.lng() == val.internalMarker.postition.lng();
})

Knockout's observableArray.remove overload that takes a single parameter will not work unless the object you want to remove is the exact same object. In your question, it sounds like the LatLng is not the same exact object, just that it contains the same exact lat & lng values. In these cases, you have to pass a function that compares the values you are interested in between the 2 object instances.