У меня угловой сайт 8.У меня есть компонент, где я хотел бы обновить пользовательский интерфейс после переключения некоторого элемента из моей базы данных.По сути, у меня есть активные проекты и неактивные проекты.Я поместил кнопку на странице, чтобы вызвать API и изменить активный статус с true на false или наоборот, но затем вернемся к угловому компоненту, я хотел бы обновить пользовательский интерфейс без полного обновления страницы.Я использую функцию обновления страницы, чтобы она выглядела незаметно для пользователя.В настоящее время страница обновляется правильно, и это здорово, но я не могу маршрутизировать ссылку на другие страницы, используя мою строку меню.Любая помощь будет оценена.
toggleStatus(id, status) {
let changeStatus = {
active: status
}
this._projectService.toggleStatus(id, changeStatus).subscribe(
response => {
console.log(response['message']);
this.reloadComponent();
},
error => console.log(error['message'])
)
}
///// FUNCTION TO RELOAD PAGE AFTER DELETE /////
reloadComponent() {
this._router.routeReuseStrategy.shouldReuseRoute = () => false;
this._router.onSameUrlNavigation = 'reload';
this._router.navigate(['admin/projects']);
}