Демонстрационный проект CRUD

Question

Я пытаюсь создать демонстрационный проект CRUD, используя угловой и находящийся в памяти веб-API для запроса службы HTTP.Нет ошибки, но http delete не работает.Компонент удаляется на стороне клиента.Я ожидаю, что http delete для удаления данных из memeory web api.Я делаю что-то неправильно?

employeeservice.ts

     delete(employee: Employee): Observable<Employee> {
     const id = typeof employee === 'number' ? employee : employee.id;
     console.log(id);

     const url = `${this.employeesUrl}/${id}`;
     console.log(url);
     return this.http.delete<Employee>(url, httpOptions)
       .pipe(tap(_ => console.log(`deleted employee id=${id}`)),
       catchError(this.handleError<Employee>('deleteEmployee'))
       );
     }

component.ts

    deleteEmployee(employee: Employee): void {
     if (this.employeeService.delete(employee).subscribe()) {
       this.employees = this.employees.filter(e => e !== employee);
     }

     }

Answer 1

Я пытаюсь создать демонстрационный проект CRUD, используя угловой и находящийся в памяти веб-API для запроса службы HTTP.Нет ошибки, но http delete не работает. Компонент удаляется на стороне клиента.Я ожидаю http delete для удаления данных из веб-интерфейса memeory. Я что-то не так делаю?

Если я не ошибаюсь, поскольку вы используете angular-in-memory-web-api и настройка поддельного бэкэнда для ответа на HTTP-вызовы для вашего демонстрационного CRUD-приложения.

Важно отметить, что все данные и изменения данных хранятся в памяти, поэтому при каждой перезагрузке страницы изменения, внесенные в инициализированные данные, не сохраняются.

Для реального CRUD вам необходим реальный бэкэнд-сервер и база данных

Надеюсь, это полезно!