martes, 20 de marzo de 2018

Angular 5 - Radio Button junto con ngModel

Este es un ejemplo simple de como trabajar con radiobutton.

1) Definimos lo siguente en el html:

<input type="radio" name="customRadio"  [value]="1" [(ngModel)]="radioValue">Radio 1
<input type="radio" name="customRadio"  [value]="2 [(ngModel)]="radioValue"> Radio 2

2) En el archivo ts simplement podemos definir el valor que queremos que quede seleccionado al inicio del component:

radioValue = 1

3) El valor queda almacenado en la variable radioValue dependiendo de la opción que se seleccioné.


No hay comentarios:

Publicar un comentario