在这个 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>
最佳答案
希望这可以帮助。
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>
关于angular - 在 MatButtonToggleGroup 指令上设置默认值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46853823/