0

Estimados su apoyo es la primera vez que uso los componentes de angular material necesito poner requeridos estos radios buttons no lo puedo lograr su apoyó por favor. Gracias.

<form (ngSubmit)="retiroFondo(monto)" #monto="ngForm">
<mat-radio-group #radioGroup="matRadioGroup" ngModel required>
<mat-radio-button value="SI"> SI </mat-radio-button>
<mat-radio-button value="NO"> NO </mat-radio-button>
</mat-radio-group>

<button
            [disabled]="!monto.valid"
            class="next"
            mat-button
            matStepperNext
          >
            Continuar
          </button>

</form>

1 respuesta 1

0

Primero puedes usar modelo de plantillas y estas usando mat-step

->Para manejar formularios revisa: https://angular.io/guide/forms-overview

->Si solo es un input no es necesario que tengas un formulario.

en tu .ts

opcion:String;

en tu .html

<mat-step [completed]="opcion!=null">
<mat-radio-group [(ngModel)]="opcion" required>
 <mat-radio-button value="SI"> SI </mat-radio-button>
 <mat-radio-button value="NO"> NO </mat-radio-button>
</mat-radio-group>
<button class="next" mat-button matStepperNext>Continuar</button>
<mat-step>
2
  • 1
    Hola ok entiendo, por ahora necesito que el botón continuar no se habilite si no marcan cualquier radio, con el código queme pusiste, sigue el botón habilitado, mesecito que este en disabled hasta que marquen una opción , gracias por el apoyo Commented el 10 nov. 2020 a las 21:31
  • lo esta haciendo pero a la inversa cuándo marca los radios el añade le disabled, debería ser al contrario remover el disabled al marcar un radio Commented el 10 nov. 2020 a las 22:16

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.