Как закрыть панель расширения коврика при перезагрузке страницы

Question

На моей странице есть несколько панелей расширения матов для отображения различной информации о клиенте, такой как адрес, контакт, личная информация и т. Д. Если я открою одну панель расширения (предположим, адрес) и затем перейду от одной страницы клиента к другой странице клиента, то при загрузке страницы также откроется панель адреса другого клиента. Как я могу закрыть все панели расширения при перезагрузке страницы. Код для панели расширения:

 <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>