Angular-in-memory-web-api PUT returns null

Question

I created this basic data service for todos:

import { InMemoryDbService } from 'angular-in-memory-web-api';
import { Todo } from './todos.service';

export class TodosData implements InMemoryDbService {

createDb() {
    const todos: Todo[] = [
        {
            id: 1,
            title: 'TODO 1',
        }
    ];
    return { todos };
}

}

Here is how the service is consumed:

const apiUrl = 'api/todos/'

// CREATE
create(todo: Todo){return this.http.post<Todo>(apiUrl, {...todo, id: null})}

// UPDATE
update(todo: Todo){return this.http.put<Todo>(apiUrl + todo.id, todo)}

When subscribing on the create fn (POST), then the new Todo is returned.

But when subscribing on the update fn (PUT), then null is returned.

Is that a bug or a feature?

When refreshing the list (GET) then the updated Todo is there as expected.

Is there a way to let the PUT also return the updated TODO instead of null?

score 1 · Accepted Answer · answered Jun 29 '20 at 11:34

1

Found a solution here: Correct way to do a PUT or POST in angular-in-memory-web-api

PUT does not return by default.

But it can be enabled: HttpClientInMemoryWebApiModule.forRoot(TodosData, { put204: false }),

answered Jun 29 '20 at 11:34

spierala

2,349
3
25
50

Angular-in-memory-web-api PUT returns null

1 Answers1