Question

mat-button-toggle-group不会在小屏幕上包装切换按钮。是否可以强迫mat-button-toggle-group做出响应？

下面的代码无法响应：

  <div class="row">
    <div class="col-9">
      <mat-button-toggle-group name="fontStyle" aria-label="Font Style">
        <mat-button-toggle value="bold" buttonToggleGroup="fontStyle">Bold</mat-button-toggle>
        <mat-button-toggle value="italic" buttonToggleGroup="fontStyle">Italic</mat-button-toggle>
        <mat-button-toggle value="underline" buttonToggleGroup="fontStyle">Underline</mat-button-toggle>
        <mat-button-toggle value="bold" buttonToggleGroup="fontStyle">Bold</mat-button-toggle>
        <mat-button-toggle value="italic" buttonToggleGroup="fontStyle">Italic</mat-button-toggle>
        <mat-button-toggle value="underline" buttonToggleGroup="fontStyle">Underline</mat-button-toggle>
        <mat-button-toggle value="bold" buttonToggleGroup="fontStyle">Bold</mat-button-toggle>
        <mat-button-toggle value="italic" buttonToggleGroup="fontStyle">Italic</mat-button-toggle>
        <mat-button-toggle value="underline" buttonToggleGroup="fontStyle">Underline</mat-button-toggle>
      </mat-button-toggle-group>
    </div>
  </div>

Answer 1

我使用@ angular / flex-layout观看媒体查询，并根据窗口的大小显示完整或显示a和按钮以及带有选项的菜单。

这是一个示例：https://angular-rb5vmu.stackblitz.io查看“角度材料响应的mat-button-toggle-group”并尝试调整浏览器窗口的宽度

是否可以使mat-button-toggle-group做出响应？

1 个答案: