0

resulta que tengo este switch generado de manera dinamica con ng-repeat:

       <div ng-repeat="model in modelo_final">
         <div style="float:left; padding-right:100px;">
         <div class="can-toggle demo-rebrand-2">
         <input  id={{model.id}} type="checkbox" ng-model="idrecibo[model.id]" ng-change="changeItem(model.id)">
          <label for={{model.id}}>
           <div class="can-toggle__switch" data-checked="{{identificador2}}" data-unchecked="{{identificador}}"></div>
           <div class="can-toggle__label-text"><p style="font-size:15px; width:100px;">{{model.nombre}}</p></div>
           </label>
           </div>
         </div>
       </div>

y dentro de todo el funcionamiento que cumple, solo me falta configurar para que cuando abra la pagina me muestre activado los que están activos!, es decir que no siempre vuelva a false al recargar la pagina.

Para saber eso, model trae en conjunto a su id y nombre un activo la cual si es 0 esta desactivado, 1 activado.

introducir la descripción de la imagen aquí

entonces pense en crear un ng-if y preguntar si es 1 que active los switch pero no encuentro la clase que activa el switch, por lo que investigue parece que activa: ng-not-empty y desactiva ng-empty

el link del switch es este. Según ustedes como debería hacer el ng-if?

1 respuesta 1

1

Tu switch tiene el ng-model="idrecibo[model.id]" por lo tanto es ese valor el que tiene que venir true o false dependiendo si esta activo o no.

Recuerda que segun mi respuesta en una pregunta pasada tuya, para lograr que fueran modelos dinamicos creaste un arreglo modelo_final, cuando lo crees hace lo siguiente

angular.forEach($scope.modelo_final, function(modulo, index){
   if(modulo.activo == 1){
      $scope.idrecibo[modulo.id] = true;
   }else{
      $scope.idrecibo[modulo.id] = false;
   }
})
2
  • el $scope.modulos tendria que ser $scope.modelo_final porque con ese funciono. Commented el 21 dic. 2016 a las 14:09
  • @HernanHumaña exacto, se me paso eso por alto, editare!
    – sioesi
    Commented el 21 dic. 2016 a las 14:10

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.