0

Tengo un checkbox y quiero controlar su acción desde el controlador cuando sea false o true.

aquí les dejo el Html:

<md-checkbox ng-model="checkstate" aria-label="Checkbox 1" ng-true-value="'prioritario'" ng-false-value="'Normal'">
     {{checknull}}
</md-checkbox>

"El fín es que el controlador sea quien controle la acción."

Al logearme recibo un JSON : id_servicio:"38,39" , los separo con un split y los almaceno en localStorage quedando en :

  • LoginData.getData().id_servicio.split(",")[0] ,
  • LoginData.getData().id_servicio.split(",")[1]

Entonces en el controlador hago una petición a mi DB y en then hago siguiente:

.then(function(data) {

    var dat = data.data;
    $scope.tickets = [];


    $scope.verificarCheckbox = function() {

        if ($scope.checkstate) {

            for (var i = 0; i < dat.length; i++) {
                dat[i]
                var ticket = {
                    numero: dat[i].numero,
                    rut: dat[i].rut,
                    servicio_id: LoginData.getData().id_servicio.split(",")[0]
                };
                $scope.tickets.push(ticket);
            }
        } else {

            for (var i = 0; i < dat.length; i++) {
                dat[i]
                var ticket = {
                    numero: dat[i].numero,
                    rut: dat[i].rut,
                    servicio_id: LoginData.getData().id_servicio.split(",")[1]
                };
                $scope.tickets.push(ticket);
            }
        }
    }
});

la idea es que si selecciono el checkbox mande el arreglo[0] y si lo de-selecciono que mande el arreglo [1]

1 respuesta 1

1

Puedes ocupar el evento ng-change

<md-checkbox ng-model="checkstate" ng-change="verificarCheckbox()" aria-label="Checkbox 1" ng-true-value="'prioritario'" ng-false-value="'Normal'">
    {{checknull}}
</md-checkbox>

Y desde tu controlador

$scope.verificarCheckbox = function(){
    if($scope.checkstate){
       //mande el arreglo[0]
    }else{
       //mande el arreglo[1]
    }
}

EDIT

Ademas de agregar mi respuesta te aconsejo mejorar tu codigo, tienes dos bloques identiticos salvo por 1 valor que es tu valor del arreglo que depende del checkbox podrias hacer lo siguiente

.then(function(data) {

    var dat = data.data;
    $scope.tickets = [];


    $scope.verificarCheckbox = function() {
        var servicio_id = LoginData.getData().id_servicio.split(",")[0];
        if (!$scope.checkstate) {
            servicio_id = LoginData.getData().id_servicio.split(",")[1];
        }
        for (var i = 0; i < dat.length; i++) {
            dat[i]
            var ticket = {
                numero: dat[i].numero,
                rut: dat[i].rut,
                servicio_id: servicio_id
            };
            $scope.tickets.push(ticket);
        }
    }
});

Con esto le entregamos un valor a una variable llamada servicio_id que por defecto es el [0], verificamos si el checkbox esta o no seleccionado. Si NO lo esta, asignamos el valor [1].

8
  • el ng-model lo cambio por verificarCheckbox... ? Commented el 2 nov. 2016 a las 15:18
  • No @HernanHumaña, debes dejar el ng-model ya que con esto puedes acceder al valor desde el controlador, tienes que agregar el tag ng-change! que te permite llamar a una funcion cada vez que el valor de tu ng-model cambie
    – sioesi
    Commented el 2 nov. 2016 a las 15:19
  • mira no me muestra correctamente... dejare el codigo en la pregunta Commented el 2 nov. 2016 a las 15:25
  • que es lo que no funciona?
    – sioesi
    Commented el 2 nov. 2016 a las 15:27
  • supuestamente al asignarle el valor almacenado en el arreglo [0] o [1] debe mostrarme todos los rut y numeros que tienen el valor asignado, pero el autocompletar se marea Commented el 2 nov. 2016 a las 16:23

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.