📜  mat-button-toggle selected default - 不管(1)

📅  最后修改于: 2023-12-03 15:17:32.892000             🧑  作者: Mango

使用mat-button-toggle selected default

mat-button-toggle 是 Angular Material 中的一个组件,可以用来实现按钮的切换功能。

selected 属性表示按钮是否被选中,如果设置为 true,则该按钮默认选中。

default 属性表示按钮的初始状态是否为选中状态,如果设置为 true,则该按钮初始状态为选中状态。

使用示例代码:

<mat-button-toggle-group>
  <mat-button-toggle value="left" selected default>Left</mat-button-toggle>
  <mat-button-toggle value="middle">Middle</mat-button-toggle>
  <mat-button-toggle value="right">Right</mat-button-toggle>
</mat-button-toggle-group>

上述代码中,左侧的按钮被设置为默认选中状态,其余两个按钮则不被选中。当点击左侧按钮时,中间和右侧的按钮就会被取消选中状态。

通过属性 value 进行分组,mat-button-toggle-group 会根据分组情况只允许一个按钮处于选中状态。

更多关于 mat-button-toggle 的使用方法和属性,可以参考 Angular Material 官方文档