Angular2材质单选按钮或从布尔值中选择

Angular2材质单选按钮或从布尔值中选择,angular,angular-material,angular-forms,Angular,Angular Material,Angular Forms,我有一张有3个布尔人的表格。 我想使用材质选择或材质单选按钮组强制其中一个布尔值为真。我是否可以在不使用自定义函数调用、事件或其他技巧的情况下,以一种巧妙的方式实现这一点 bnForm: FormGroup = this.fb.group({ isContinuous: [true], isDiscrete: [false], isHybrid: [false] }); 有没有办法做这样的事情(它不起作用) 不断的 离散的 混合的 请参考此示例 根据@Connors

我有一张有3个布尔人的表格。 我想使用材质选择或材质单选按钮组强制其中一个布尔值为真。我是否可以在不使用自定义函数调用、事件或其他技巧的情况下,以一种巧妙的方式实现这一点

bnForm: FormGroup = this.fb.group({
    isContinuous: [true],
    isDiscrete: [false],
    isHybrid: [false]
});
有没有办法做这样的事情(它不起作用)


不断的
离散的
混合的

请参考此示例


根据@ConnorsFan的评论,如果这些值是互斥的,您可能更愿意这样做-

加价

<form [formGroup]="form">
  <mat-radio-group formControlName="type">
    <mat-radio-button value="Continuous">Continuous</mat-radio-button>
    <br><br>
    <mat-radio-button value="Discrete">Discrete</mat-radio-button>
    <br><br>
    <mat-radio-button value="Hybrid">Hybrid</mat-radio-button>
  </mat-radio-group>
</form>

这是基本的HTML:你能重构你的表单,使用一个有3个可能值的变量吗?您可以用3个值定义一个
enum
。这应该是一个注释。我不能注释。因为我没有足够的声誉。声誉超过50的人可以添加评论。然后请详细说明你的答案。正如你所看到的,人们已经对你的质量投了反对票。
<form [formGroup]="form">
  <mat-radio-group formControlName="type">
    <mat-radio-button value="Continuous">Continuous</mat-radio-button>
    <br><br>
    <mat-radio-button value="Discrete">Discrete</mat-radio-button>
    <br><br>
    <mat-radio-button value="Hybrid">Hybrid</mat-radio-button>
  </mat-radio-group>
</form>
export class RadioOverviewExample {
  form: FormGroup;

  constructor(private fb: FormBuilder) {
    this.form = this.fb.group({
      type: ['Continuous']
    });

    this.form.valueChanges.subscribe((simpleChanges: SimpleChanges) => {
      console.log(simpleChanges);
    });
  }
}