如何在mat-tab-group中创建表单?

时间:2020-07-09 14:26:53

标签: angular mat-tab mat-form-field

我正在尝试使事情变得非常简单。我想在每个标签中创建具有不同形式的mat-tab-group,所以我尝试了很多类似的事情:

<div style="display: flex; align-items: center; justify-content: center;">
  <mat-tab-group>
    <mat-tab label="t1">
      <mat-form-field appearance="fill">
        <mat-label>Input</mat-label>
        <input matInput />
      </mat-form-field>
    </mat-tab>
    <mat-tab label="t2">
      <mat-form-field appearance="fill">
        <mat-label>Input</mat-label>
        <input matInput />
      </mat-form-field>
    </mat-tab>
  </mat-tab-group>
</div>

但是它每次都使选项卡冻结,我无法单击其他选项卡,并且编译器不会返回错误(不是导入问题)。我认为它是冻结的,因为我使用不正确,我曾尝试将其放在a和其他东西中,但没有任何东西使它成为现实。那么,您如何使这件事变得简单呢?

0 个答案:

没有答案