Javascript 角度8所需材料单选按钮

Javascript 角度8所需材料单选按钮,javascript,angular,angular-material,metronic,Javascript,Angular,Angular Material,Metronic,我在我的应用程序中使用metronic角度模板作为前端,我使单选按钮是必需的,但我有一个问题是不需要单选按钮 代码html: <div class="form-group kt-form__group"> <label class="example-margin">{{ 'PARTNER.TYPE' | translate }}</label> <mat-radio-group name=&quo

我在我的应用程序中使用metronic角度模板作为前端,我使单选按钮是必需的,但我有一个问题是不需要单选按钮

代码html:

<div class="form-group kt-form__group">
  <label class="example-margin">{{ 'PARTNER.TYPE' | translate }}</label>
  <mat-radio-group 
    name="typeNature" 
    required
    [formControl]="cartoonControl"
  >
    <mat-radio-button 
      *ngFor="let nature of partnerNatures"
       value="{{nature.id}}"
    >
      {{nature.label}}
    </mat-radio-button>
  </mat-radio-group>
</div>

但字段不是必需的,我将required添加到mat单选按钮,但也有错误

我知道这不是一个好方法,但请尝试将
[(ngModel)]
添加到您的
mat单选组
我知道这不是一个好方法,但请尝试添加
[(ngModel)]
发送到您的
mat收音机组

是否尝试将所需属性放置在上?是否尝试将所需属性放置在上?
  initActivityEventForm() {
    this.PartnerForm = this.fb.group({

        firstname: ['', Validators.compose([ Validators.required,])],
        lastname: ['', Validators.compose([Validators.required,])],
        organization: ['', Validators.compose([Validators.required,])],
        email: ['', Validators.compose([Validators.email])],
        phone1: ['', Validators.compose([Validators.required])],
        phone2: ['', Validators.compose([])],
        typeNature: ['', Validators.compose([Validators.required])],
        nature: ['', Validators.compose([Validators.required])]

      }, {}
    );

  }