Question

在我的应用程序中，我将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>

代码ts：

  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])]

      }, {}
    );

  }

但不是必填字段，我在mat-radio-button中添加了必填字段，但也出现了错误

Answer 1

我知道这不是一个好习惯，但是请尝试在您的[(ngModel)]中添加mat-radio-group。

角度8所需材料单选按钮

1 个答案: