如何在angular4中保留页面更改时文本框的值

Question

我想知道在更改页面后如何在文本框中保留值，然后再返回到同一页面。在这里，我有一个名为Transaction的页面，它通过文本框接受一个值，当我点击它的搜索按钮时，它通过搜索数据库显示详细信息。然后在输入数据中，我有一个名为Payload的按钮，当点击显示Payload Data时，现在当我取消Payload页面时，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）] =＆＃34;显示文本框中的数据。东西＆＃34;