Angular5 - 禁用标记而不隐藏内容

Question

所以这是我的问题：

我有一张里面有一张表格的卡片。用户可以点击复制卡的“添加”按钮，使其与表格的相同部分多次（最多5次）。

当有多次表格时，我想更换扩展面板卡。但我不知道如何继续。

我只能考虑使用mat-expansion-panel标签并在需要时禁用它，但我不希望隐藏第一个内容，因为它必须回到一张简单的卡片上。

另外，只有一个扩展面板只有一次表格并不好，它真的需要回到卡片上。

以下是一个代码示例：

<form fxFill [formGroup]="newRequest" novalidate>
  <div *ngFor="let item of newRequest.controls['roundway']; let i=index">
    <mat-card fxfill>
     ***several mat-form-field***
    </mat-card>
  </div>
</form>

所以我的想法是，当roundway.length == 1时，我有一个mat-card标签，如上面的示例代码所示，当roundway.length＆gt; 1时，我得到这样的结果：

<form fxFill [formGroup]="newRequest" novalidate>
      <mat-accordion>
        <div *ngFor="let item of newRequest.controls['roundway']; let i=index">
          <mat-expansion-panel>
            <mat-expansion-panel-header>
              <mat-panel-title>
                Title {{i}}
              </mat-panel-title>
              <mat-panel-description>
                Description {{i}}
              </mat-panel-description>
            </mat-expansion-panel-header>
            ***several mat-form-field***
         </mat-expansion-panel>
       </div>
     <mat-accordion>
   </form>

有人有想法吗？

由于