title: angular 8 material required radio button
body: <p>I use metronic angular template for front in my application and i make radio button is required but I have problem is button radio is not required</p>
  <p>code html :</p>
  <pre><code>&lt;div class=&quot;form-group kt-form__group&quot;&gt;
    &lt;label class=&quot;example-margin&quot;&gt;{{ 'PARTNER.TYPE' | translate }}&lt;/label&gt;
    &lt;mat-radio-group 
      name=&quot;typeNature&quot; 
      required
      [formControl]=&quot;cartoonControl&quot;
    &gt;
      &lt;mat-radio-button 
        *ngFor=&quot;let nature of partnerNatures&quot;
         value=&quot;{{nature.id}}&quot;
      &gt;
        {{nature.label}}
      &lt;/mat-radio-button&gt;
    &lt;/mat-radio-group&gt;
  &lt;/div&gt;
  </code></pre>
  <p>code ts:</p>
  <pre><code>  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])]
  
        }, {}
      );
  
    }
  </code></pre>
  <p>but field is not required, I add required to mat-radio-button but also error</p>