我的页面中有多个席子扩展面板,以显示有关客户的各种信息,例如地址,联系方式,个人信息等。 如果我打开一个扩展面板(假设地址),然后从一个客户页面导航到另一客户页面,那么在页面加载时也会打开另一客户的地址面板。 如何关闭所有扩展面板上的页面重新加载。 扩展面板代码:
<div class="row">
<div class="address-card col-md-12">
<mat-accordion>
<mat-expansion-panel>
<mat-expansion-panel-header>
<mat-panel-title>
Address Details
</mat-panel-title>
</mat-expansion-panel-header>
<br />
<mat-label *ngIf="element.addressLine1 != null"> Address: {{ element.addressLine1 + ' ' }} </mat-label>
<mat-label *ngIf="element.addressLine2 != null">
{{ element.addressLine2 + ' ' }}
</mat-label>
<mat-label *ngIf="element.addressLine3 != null">
{{ element.addressLine3 }}
</mat-label>
<br />
<mat-label> City: {{ element.city }}</mat-label>
<br />
<mat-label> Province: {{ element.province }}</mat-label>
<br />
<mat-label> Postal Code: {{ element.postalCode }}</mat-label>
<br />
<mat-label> Country: {{ element.country }}</mat-label>
<br />
<mat-label>Agreement Id : [</mat-label>
<mat-label *ngFor="let agreementIds of element.agreement">
{{ agreementIds.agreementId + ' ' }}
</mat-label>
<br />
</div>
</div>
</mat-expansion-panel>
</mat-accordion>
</div>
</div>