javascript - change - radio button angular 5

Botones de radio Angularjs

Question

Sé que esto se ha mencionado en algunos hilos de Google, pero aún no puedo encontrar la solución adecuada para vincular mis entradas de radio a un modelo (de una manera simple y limpia),

Actualmente tengo HTML:

<input ng-model="searchByRma" type="radio" name="search-type">
<input ng-model="searchByDelivery" type="radio" name="search-type">

Y en el controlador:

$scope.searchByRma      = true;
$scope.searchByDelivery = false;

Esto no funciona (como lo haría con las casillas de verificación) ...

¿Alguna idea sobre cómo establecer el valor predeterminado en el primer botón de opción sin perder el enlace de datos?

¡Gracias!

Answer 1

Creo que deberías usar la misma variable con diferentes valores en esos dos botones de radio.

<input ng-model="searchBy" value="Rma" type="radio" name="search-type">
<input ng-model="searchBy" value="Delivery" type="radio" name="search-type">

Luego, debe tener searchBy Configure "Rma" o "Entrega" dependiendo de la entrada del usuario.

Answer 2

Lo que funcionó para mí es establecer la variable del modelo en {} y eso restablecerá los botones de radio a su estado predeterminado (no seleccionado). Por supuesto, esto solo funcionará si tienes las etiquetas de tus botones de radio correctas como en la respuesta de tosh.

En tu caso:

$scope.searchBy = { };