如何刷新<mat-sidenav-content>？

Question

我有代码：

<mat-sidenav-container >
   <mat-sidenav mode="side" opened role="navigation">
      <mat-nav-list>
         <table>
            <tr *ngFor = "let item of items">
               <td>
                   <button mat-stroked-button class="side-button"  [class.selected]="item=== selectedItem" (click) = "onSelectedItem(item)">{{item.adName}} </button> 
               </td>
            </tr>
         </table>
      </mat-nav-list>
    </mat-sidenav>
    <mat-sidenav-content>
       <app-component1 [item] = "selectedItem"></app-component1>    
    </mat-sidenav-content>
</mat-sidenav-container>

这意味着，我有一个按钮列表，当我单击按钮时，我可以查看item1的数据。

在component1中，我有拒绝该物品的表格：

<div *ngIf="item">
<form [formGroup] = "RejectForm">
<table>
        <tr>
            <td>
                <mat-form-field color="warn">
                    <input matInput type="text" class="form-control" formControlName="Reasonnote" placeholder="Reason for rejection">
                </mat-form-field> 
            </td>
            <td>
                <button mat-raised-button color="primary" type="submit" class="button-small" (click)="rejectItem()">Reject Item</button>
            </td>
        </tr>
</table>
 </form>
</div>

问题在于，当我在列表中的数据之间进行切换时。拒绝注释没有变化，但它是从之前选择的元素中提取的。

是否有一种方法可以刷新我每次从元素中选择元素的时间？