У меня есть код:
<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>
, что означает, что у меня есть список кнопок, и когда я нажимаю кнопку, я могу просмотреть компонент1 с данными из элемента.
В компоненте 1 Iесть форма для отклонения элемента:
<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>
Проблема в том, что когда я переключаюсь между данными в списке. Замечание об отклонении не меняется, но оно берется из элемента, который был выбран ранее.
Есть ли способ обновлять каждый раз, когда я выбирал элемент из?