Как сохранить значение текстового поля при изменении страницы в angular4

Question

Я хочу знать, как сохранить значение в текстовом поле после того, как мы изменим страницу, а затем снова вернемся на ту же страницу. Здесь у меня есть страница с именем Transaction, которая принимает значение через текстовое поле, и когда я нажимаю на кнопку поиска, она показывает подробности при поиске в базе данных. И затем во входных данных у меня есть кнопка, называемая полезной нагрузкой, которая при нажатии отображает данные полезной нагрузки, теперь, когда я отменяю эту страницу полезной нагрузки, страница транзакции перезагружается (возвращается), но без каких-либо данных (записи) в поле поиска. Я хочу, чтобы те же данные, по которым был произведен поиск, снова появились в текстовом поле.

   <td style="width:50%">
     <input class="form-control" id="input1-group1 " style="margin-top:20px" 
   type="text" name="search" placeholder="Enter Search Text"
    [(ngModel)]="filterdata" >
    </td>
    <td style="width:50%">
       <button type="submit" class="input-group-addon" 
       style="margin-left:0px;width:65px;margin-top:20px" id="faIcon" 
       (click)="searchByText(filterdata)">
       &nbsp;&nbsp;&nbsp;
      <i class="fa fa-search "></i>
    </button>
    </td>

Answer 1

Используйте компонент для хранения данных и сделайте его потомками других компонентов, когда ваше приложение вернется, просто примите значения с помощью @Input что-то и покажите данные в текстовом поле с помощью [(ngModel)] = "что-то"