Я создал новую страницу под названием сохраненный поиск. Используя кнопку «Сохранить», я хочу, чтобы можно было отправлять введенные даты для отображения на новой странице. Таким образом, они отображаются там, как только я нажимаю кнопку.
Что я уже сделал? Я могу ввести диапазоны дат, и когда я нажимаю кнопку «Сохранить», я вижу, как они вошли в консоль.
Что я ищу? Я хочу отображать даты сохраненных и зарегистрированных в консоли на новой странице. Каков процесс для этого? Я хочу иметь возможность отображать зарегистрированные данные консоли на новой странице.
Пример видео был бы полезен, если бы кто-то мог перенаправить меня к ним, если бы не письменное разрешение, подойдет просто отлично.
Новый экран поиска используется для создания поиска здесь. Я могу создать поиск, используя средство выбора диапазона дат, чтобы увидеть список в соответствии с датой рождения и полученной датой: 
1-е изображение = сохраненный экран поиска Я хотел бы отобразить записи поиска, которые были сохранены из нового поиска и отображаются в консоли.
Запросы, зарегистрированные из новый экран поиска для консоли:
fromDateReceived: Wed Apr 01 2020 13:24:24 GMT+0100 (British Summer Time) {}
toDateReceived: Sun Apr 05 2020 13:24:24 GMT+0100 (British Summer Time) {}
fromDateOfBirth: Mon Apr 06 2020 13:24:24 GMT+0100 (British Summer Time) {}
toDateOfBirth: Wed Apr 08 2020 13:24:24 GMT+0100 (British Summer Time) {}
В настоящее время используется onSubmit для захвата запросов в searchcomponent.ts:
onSubmit() {
console.log(this.searchForm.value);
this.savedsearchService.savedsearch(this.searchForm.value)
.subscribe(
response => console.log('Successful', response),
error => console.error('Error', error)
);
}
Следующие сохраненные.service.ts:
import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
@Injectable({
providedIn: 'root'
})
export class SavedSearchService {
url = 'http://localhost:4200/ui/savedSearch';
constructor(private http: HttpClient) { }
savedsearch(searchData) {
return this.http.post<any>(this.url, searchData);
}
}