CODEWITHSUNDEEP
angularjs
Cudos
Cudos

Reputation: 5894

Make multiple requests with different data

I want to make multiple requests where the data appends the title with a number. But instead of e.g. "Hello 1", "Hello 2", "Hello 3", "Hello 4" I get "Hello 4", "Hello 4", "Hello 4", "Hello 4".

console.log(item.title); shows "Hello 1", "Hello 2", "Hello 3", "Hello 4" correctly in the console.

I am guessing that it is because the request are asynchronous.

vm.title = vm.case.title;
for (let i = 1; i <= vm.number_of_cases_to_create; i++) {
    vm.createNewCase(i, vm.case);
}

function createNewCase(number, item) {
    item.title = vm.title + ' ' + number;
    console.log(item.title);

    CaseProvider.create(item).then(function (case) {
        console.log(case.id);
    });
}

Upvotes: 0

Views: 93

Answers (1)

Eugene
Eugene

Reputation: 162

You are right, that is an async consequence. On the line vm.createNewCase(i, vm.case) you send the same object to the method createNewCase and when async starts, it refers to the same object, so all calls use the same "Hello 4" value.

I propose to pass a copy of vm.case to your method, then code sample should work as expected. There is a great answer about object cloning in javascript.

Upvotes: 1

Related Questions