Seleccionar uno de los Radio button por defecto cuando abro la página

publicado por: Anonymous

Estoy trabajando con AngularJS, y cuando abro la página tengo un formulario con dos radio button y un botón enviar. Todo me funciona correctamente pero ninguno de los dos radio button que tengo no me salen seleccionados por defecto. Estoy usando un ng-repeat para los radio button y creo que es lo que hace que se me complique saber como hacerlo.

Os dejo aqui el código HTML y el script para facilitaros mi problema.

_x000D_

_x000D_

 $scope.selected = 'Crédito hipotecario';_x000D_
    $scope.radioOptions = [_x000D_
       { name: 'Crédito hipotecario', value: 'Crédito hipotecario' },_x000D_
_x000D_
       { name: 'Crédito personal', value: 'Crédito personal' },_x000D_
    ];

_x000D_

 <div class="form-check">_x000D_
                        <label class="form-check-label" ng-repeat="option in radioOptions">_x000D_
                            <input type="radio" ng-model="formulario.tipo" value="{{option.value}}" ng-required="!formulario.tipo" ng-checked="true">_x000D_
                            {{option.name}}_x000D_
_x000D_
                        </label>_x000D_
_x000D_
                    </div>_x000D_
            

_x000D_

_x000D_

_x000D_

solución

Lo que he hecho es crear un atributo más en radioOptions para indicar cual debe estar seleccionado al principio.

_x000D_

_x000D_

     $scope.selected = 'Crédito hipotecario';_x000D_
        $scope.radioOptions = [_x000D_
           { name: 'Crédito hipotecario', value: 'Crédito hipotecario', checked: 'true' },_x000D_
    _x000D_
           { name: 'Crédito personal', value: 'Crédito personal', checked: 'false' },_x000D_
        ];

_x000D_

<div class="form-check">_x000D_
      <label class="form-check-label" ng-repeat="option in radioOptions">_x000D_
    <input type="radio" ng-model="formulario.tipo" value="{{option.value}}" ng-required="!formulario.tipo" ng-checked="{{option.checked}}">_x000D_
                   {{option.name}}_x000D_
    </label>_x000D_
 </div>

_x000D_

_x000D_

_x000D_

Respondido por: Anonymous

Leave a Reply

Your email address will not be published. Required fields are marked *