Question

在角度材质2中，如何在切换组中设置默认选定按钮。

一旦点击一个，它就会切换，但默认情况下都会以某种方式选择。我尝试了如下，但没有工作。

  <md-button-toggle-group #group="mdButtonToggleGroup">
    <md-button-toggle (click)="firstTapped()" selected>
      <span>one</span>
    </md-button-toggle>
    <md-button-toggle (click)="secondTapped()">
      <span>second</span>
    </md-button-toggle>
  </md-button-toggle-group>

Answer 1

您需要为每个按钮分配一个值，然后您可以给该组一个初始值（匹配其中一个按钮）;

<md-button-toggle-group #group="mdButtonToggleGroup" value="button1">
    <md-button-toggle value="button1">
      <span>one</span>
    </md-button-toggle>
    <md-button-toggle value="button2">
      <span>second</span>
    </md-button-toggle>
  </md-button-toggle-group>

Answer 2

我只是材料的初学者，但这应该有用。你可以使用带有两个值的变量的ngModel＆＃34;一个＆＃34;，＆＃34;两个＆＃34;。你可以使用＆＃34; yourFunction＆＃34;来观察变化。

<md-button-toggle-group (ngModelChange)="yourFunction($event)" [ngModel]="selected">
 <md-button-toggle value="one">
  <span>one</span>
 </md-button-toggle>
 <md-button-toggle value="two">
  <span>second</span>
 </md-button-toggle>
</md-button-toggle-group>

Answer 3

使用选中的而不是选中的，例如：

<md-button-toggle (click)="firstTapped()" checked>

默认选择角度材料2按钮切换

3 个答案: