Saludos.
Resulta que tengo una vista en la que dentro de un <select></select>
cargo todos los municipios de Colombia, unos 1122 registros, el problema es que cuando entro a esta vista mientras se cargan estos datos se me bloquean los demás inputs
.
Este es el servicio que me trae los datos.
sigc.factory('DptoMpioService', ['$http', '$q', function($http, $q) {
return {
dptos: dptos,
mpios: mpios,
mpios_by_dpto: mpios_by_dpto
}
function mpios()
{
var defered = $q.defer();
var promise = defered.promise;
var config = {
headers: {'Content-Type': 'application/x-www-form-urlencoded'}
};
$http.get('index.php/Dptompio/mpios/', config)
.success(function(data) {
defered.resolve(data);
}).error(function(err) {
defered.reject(err)
});
return promise
}......
El controlador
DptoMpioService.mpios().then(function(response) {
if(response.status == 200) {
console.log(response.data)
$scope.municipalitys_ = response.data;
}else {
$scope.municipalitys_ = {};
}
}).catch(function(fallback){
console.log(fallback)
})
El html
<div class="col m4 s12">
<div class="row row-form-my">
<label class="label-my" for="expeditionplace">Lugar de Expedición</label>
<select ng-model="user.expeditionplace" name="expeditionplace" id="expeditionplace" class="browser-default select-my">
<option value="" selected>--Elige--</option>
<option ng-if="municipalitys_" ng-repeat="municipality in municipalitys_" value="{{municipality.id}}">{{municipality.name}} ({{municipality.namedpto}})</option>
</select>
</div>
</div>
Al parecer el problema no es la consulta, porque los datos llegan con buen tiempo de la base de datos, según el consolo.log()
al parecer el problema esta en el ng-repeat
creo.
Mi pregunta es si existe un mejor forma de hacer esto y que los demás inputs no se congelen, mientras se cargan estos datos.
De antemano muchas gracias.