Javascript 无法使用索引获取默认选定值（角度材质垫按钮切换）

代码非常简单，切换按钮从索引中获取值，但我无法获取默认选中的值 我曾尝试将toggle button group的值设置为“i”，默认情况下，它确实选择了所有选项，但当我使用实际数字时，该值应该起作用

    <mat-button-toggle-group name="fontStyle" aria-label="Font Style" value= 0>
        <mat-button-toggle *ngFor="let category of categories; let i = index" value="i">{{category.name}}</mat-button-toggle>
    </mat-button-toggle-group>

{{category.name}

您需要将其用作值输入中的表达式：

<mat-button-toggle-group name="fontStyle" aria-label="Font Style" value="0">
  <mat-button-toggle
    *ngFor="let category of categories; let i = index"
    value="{{i}}"
    >{{category.name}}</mat-button-toggle
  >
</mat-button-toggle-group>

{{category.name}