Checkbox con Angularjs

[dieguito12]

Buenos días, quería consultarles por un tema, como se puede hacer para enviar el valor o value de un checkbox, mediante angularjs, es decir, tengo el checkbox en una vista de la pagina, y la quiero enviar a otra vista, pero solo los checkbox seleccionados. Espero haberme explicado bien, espero sus comentarios y saludos.

[stock]

Podrías usar un servicio, lo injectas en ambos controllers, en controller le das la información al servicio y en el otro la solicitas.

Código Javascript:

//servicio
myapp.factory('Service',function(){
    var data;
 
    return {
        setData : function(d){data = d;},
        getData : function(){return data;}
    }
});
 
//controller 1
myapp.controller('PrimerController', ['$scope','Service', function($scope,Service) {
    Service.setData([{checkbox1:1},{checkbox2:0}]);
}]);
 
 
//controller 1
myapp.controller('SegundoController', ['$scope','Service', function($scope,Service) {
    var checkboxes = Service.getData();
}]);
 

Los servicios son singletons, los controllers no, eso significa que los servicios persisten en toda tu app, son muy utiles para enviar y recibir enformación entre controllers y para muchas otras cosas más.

Saludos

[dieguito12]

Hola Stock, muchas gracias por tu respuesta, ahora el factory y el primer controller los debería poner en el js donde tengo los checkbox?
Y el segundo controller donde quiero enviar los valores de los checkboxes??

Como haría para que aparezcan {{checkboxes.data}}?

[stock]

no importa donde los pongas siempre y cuando los estés incluyendo en el mismo html, ambos controllers tienen que estar cargados y el servicio también.

Código HTML:

<script type="text/javascript" src="angular.js"></script>
 
<script type="text/javascript" src="Factory.js"></script>
<script type="text/javascript" src="Controller1.js"></script>
<script type="text/javascript" src="Controller2.js"></script>
 

Una pregunta:

Iniciado por dieguito12

...tengo el checkbox en una vista de la pagina, y la quiero enviar a otra vista...

No te estarás refiriendo a enviarlos a otro html completamente diferente, cierto? Te refieres a los views de angular que viven dentro del mismo html, correcto? de ser así la solución que te di te funcionará correctamente.

Saludos

[dieguito12]

Claro, dentro del proyecto tengo dividido cada vista en carpetas, donde tienen su respectivo js y template de html, a eso me refiero cuando tengo que enviarlo a otro html.

Es decir tengo la carpeta A donde tengo los checkbox para seleccionar y cuando presiono ENVIAR, se deverian enviar al template html que esta en la carpeta B.

No se si se entiende mejor.

Saludos.

[stock]

Entonces angular no es la solución, osea, angularjs es para single web apps, cuando ya no es una single web app y estas llamando a otra página html se pierdo todo lo que tienes en memoria ya que se está creando otra app, me explico? La solución para eso es la misma de toda la vida, envías la información al server y el server se la da a la segunda página.

Saludos

[dieguito12]

Hola stock, la aplicación esta basada en ngBoilerplate, y esta estructurada de esa forma, en la carpeta de src, se crean las diferentes vistas que va a tener la aplicación, no se puede hacer nada para pasar los checkbox?

Saludos.

[Beuses]

Te coloco esta pagina a ver si te sirve de algo..
Yo apenas estoy entrando en el mundo del angular..

Suerte!

[dieguito12]

Hola Beuses muchas gracias por tu respuesta, pero en el ejemplo que pones utiliza php para manejar los checkbox, yo necesito hacerlo desde angular.

Saludos.