Angular5 Material -> 切换 TAB 时关闭 mat-expansion-panel

Question

我有一个 Angular Material 选项卡组件。当我切换选项卡时，Mat-expansion-panel 已经在新选项卡中打开。所以我点击面板标题无法刷新我的数据。切换Tab时如何关闭扩展面板？

<mat-tab label="Edelstahl">
              <div class="tab-content visible-sm-12">
                <mat-accordion>
                  <mat-expansion-panel [disabled]="true">
                    <mat-expansion-panel-header>
                      <div class="row_accordion disabled">
                        <div class="row">
                          <div class="col-4 col-sm-3 col-md-3 col-lg-5 col-xl-4">Typ</div>
                          <div class="col-4 col-sm-3 col-md-3 col-lg-2 col-xl-4 text-right">Euro / kg</div>
                          <div class="col-4 col-sm-5 col-md-5 col-lg-2 col-xl-2 offset-lg-1  text-right">Euro / m²</div>
                        </div>
                      </div>
                    </mat-expansion-panel-header>
                  </mat-expansion-panel>
                  <mat-expansion-panel>
                    <mat-expansion-panel-header (click)="getArticelTyp(4945)">
                      <div class="row_accordion">
                        <div class="row">
                          <div class="col-4 col-sm-3 col-md-3 col-lg-5 col-xl-4">12NE</div>
                          <div class="col-4 col-sm-3 col-md-3 col-lg-2 col-xl-4 text-right"> 9,10</div>
                          <div class="col-4 col-sm-5 col-md-5 col-lg-2 col-xl-2 offset-lg-1 text-right">89,29</div>
                        </div>
                      </div>

谢谢

Answer 1

这是 Angular Material 2 中的 known issue。截至 6.0.0-beta.0 有一个待定修复。