Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/29.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 默认情况下,选择了“角度材质2”按钮切换_Angular_Angular Material - Fatal编程技术网

Angular 默认情况下,选择了“角度材质2”按钮切换

Angular 默认情况下,选择了“角度材质2”按钮切换,angular,angular-material,Angular,Angular Material,在“角度材质2”中,如何设置“切换”组中的默认选定按钮 当我点击一个按钮时,它会切换,但默认情况下两个按钮都被选中。 我尝试了以下方法,但不起作用 <md-button-toggle-group #group="mdButtonToggleGroup"> <md-button-toggle (click)="firstTapped()" selected> <span>one</span> </md-butto

在“角度材质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>

一
第二

我只是材料的初学者,但这应该行得通。您可以将ngModel与具有两个值“一”、“二”的变量一起使用。使用“yourFunction”可以观察到变化


一
第二

您需要为每个按钮分配一个值,然后您可以为组提供一个初始值(匹配其中一个按钮)


一
第二
使用选中而不是选中,如:


<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>
<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>
<md-button-toggle (click)="firstTapped()" checked>