📅  最后修改于: 2023-12-03 15:17:32.892000             🧑  作者: Mango
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 官方文档。