angular - 在 MatButtonToggleGroup 指令上设置默认值

Question

在这个 Material 2 片段中，我们如何确保带有 draft 的按钮值恰好是默认值？ Docs提selected和 checked指令，但它们似乎不起作用。

<mat-button-toggle-group #group="matButtonToggleGroup" matInput name="status" [(ngModel)]="status" #field_status="ngModel">
    <mat-button-toggle checked? selected? default? value="draft">
    DRAFT <--how do we set this value to be the default selected/checked one? -->
    </mat-button-toggle>
    <mat-button-toggle value="publish">
    PUBLISH
    </mat-button-toggle>
</mat-button-toggle-group>

Answer 1

希望这可以帮助。

public selectedVal: string;
constructor() { }

ngOnInit(){
  this.selectedVal ='draft';
} 

public onValChange(val: string) {
  this.selectedVal = val;
}

 <mat-button-toggle-group #group="matButtonToggleGroup" [value]="selectedVal" (change)="onValChange(group.value)" >
  <mat-button-toggle value="draft">
    Draft
  </mat-button-toggle>
  <mat-button-toggle value="publish">
    Publish
  </mat-button-toggle>
</mat-button-toggle-group>