2012-09-26 20 views
31

Yo sé que esto se ha hablado en algunos Google Hilos pero todavía no puede encontrar la solución adecuada para unir mis entradas de radio a un modelo (de forma sencilla), CLEAN'Nbotones de radio AngularJS

Actualmente tengo HTML:

Y en 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!

Respuesta

63

Creo que debería usar la misma variable con diferentes valores en esos dos botones de opción.

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

Entonces, usted debe tener searchBy conjunto sea "RMA" o "entrega" en función de entrada del usuario.

+1

que es perfecto, que también habían comprobado-ng situado en uno de los botones de radio que fue romperlo, por lo que podría ser útil para alguien ... Gracias !!! – alchemication

+0

¡Solución elegante! – zooblin

-1

Lo que funcionó para mí es establecer la variable de modelo en {} y eso restablecerá los botones de opción 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 su caso:

$scope.searchBy = { }; 
Cuestiones relacionadas