Angular.js: how to update one item of an array?

Question

Background: app built in Angular (with routing), Node, Express, MongoDB/Mongoose.

In one controller I have an array of stuff $scope.array=[]; whose items are fetched through an $http request.

I have a routine which modifies one item of the array:

$http.get('/api/update?id='+itemId, ..

Upon success of the get request, I have to update the specific item of $scope.array which has been modified. I know a possible way is to re-fetch the complete array, but seems inefficient.

Can anyone suggest a way to update/substitute only the item which has been modified?

**Note**: Probably one way would be something like `$scope.array[array.indexOf(modifiedItem)]=updatedItem` but as far as I know `indexOf` does not work in IE browsers. — k88074, Dec 11 '14 at 21:52

score 3 · Answer 1 · answered Dec 11 '14 at 22:14

3

You can do something simple like this. You probably already know this.

$scope.array.splice(this.$index,1, updatedItem);

This will replace/update item in array at $index position if you already looping on array with Id check.

answered Dec 11 '14 at 22:14

user3443753

51
1

score 0 · Answer 2 · answered Dec 11 '14 at 22:06

You could use a strategy like below;

var modified_item_index = arrayIndexOfModifiedItem;
$http.get('').onSuccess(function(result){
    $scope.dataArray[modified_item_index] = result;
});

Essentially use a closure scoped variable to store the array index of the modified item.

score 0 · Answer 3 · edited May 23 '17 at 11:44

If you use a library with your web app (e.g., jQuery) then you can use their IE7/8 support (e.g., jQuery's $.inArray). If not, you can include a simple "polyfill" for IE7/8:

if (!Array.prototype.indexOf) { Array.prototype.indexOf = function(obj, start) { for (var i = (start || 0), j = this.length; i < j; i++) { if (this[i] === obj) { return i; } } return -1; } }

See How to fix Array indexOf() in JavaScript for Internet Explorer browsers for more on this.

Angular.js: how to update one item of an array?

3 Answers3