如何关闭页面重新加载时的垫子扩展面板

时间:2019-04-29 07:18:31

标签: angular typescript angular-material angular7

我的页面中有多个席子扩展面板,以显示有关客户的各种信息,例如地址,联系方式,个人信息等。 如果我打开一个扩展面板(假设地址),然后从一个客户页面导航到另一客户页面,那么在页面加载时也会打开另一客户的地址面板。 如何关闭所有扩展面板上的页面重新加载。  扩展面板代码:

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

0 个答案:

没有答案