Question

Estoy haciendo pruebas con una aplicación web. Estoy usando localStorage para el almacenamiento de comentarios, pero no se está almacenando correctamente, ya que el mismo comentario es igual para todos los partidos, y quiero que cada partido tenga sus comentarios.

Si podéis echarle un vistazo tengo el repositorio subido en github:
https://github.com/danielreales7/Calendario-CDRota

Para ejecutarlo solo tenéis que poner en la terminal: grunt

Espero que podáis resolverme el error, llevo un tiempo atascado aquí.

Muchas gracias!

Comments

¿Cual es el error?

---

Lo primero, es que en la vista de cada partido, donde aparece el botón de comentarios, cuando pinchas sobre él aparece un textarea con un placeholder: "Por favor díganos que piensa del partido de la jornada " y está vacío, debería de aparecer un número, ese creo que es el principal error, en la llamada del scope .

En la view de partidos.html llamo a dicha jornada así:

<partido-comments jornada="{{partido.jornada}}"></partido-comments>

Entonces desde el placeholder solo llamando a "jornada" me debería de aparecer, pero no aparece, entonces creo que está fallandome ahí al almacenar dicho comentario en el localStorage.

En el archivo services.js Están declarada las 2 funciones para obtener y guardar los datos en localStorage y en directives.js es donde está la directiva de dicho archivo que declaro el scope de la siguiente manera:

return {
            restrict: 'E', //Esta directiva quiere decir que estamos creando un elemento HTML
            templateUrl: 'partials/partido-comments.html',
            scope: {
                jornada: '@jornada'
            },
            link: function(scope, element, attributes){
                attributes.$observe('jornada', function(value){
                    if(value){
                        scope.jornada = value;
                        scope.comments = partidoService.getComments(value);
                    }
                });
            },
            controller: function($scope){
                $scope.comments = partidoService.getComments($scope.jornada); //Vamos a inicializar un arreglo donde vamos a ir guardando los comentarios
                $scope.comment = {}; //Aquí vamos almacenar los elementos del formulario
                $scope.show = false; //Con esto vamos a saber si nuestro panel se está mostrando o está oculto
                // Con esta función estamos cambiando de estado un valor Booleano
                $scope.toggle = function(){
                    $scope.show = !$scope.show;
                };

                $scope.anonymousChanged = function(){
                    if($scope.comment.anonymous){
                        $scope.comment.email = "";
                    }
                };

                $scope.addComment = function(){
                    $scope.comment.date = Date.now();
                    partidoService.saveComment($scope.jornada, $scope.comment);
                    $scope.comments = partidoService.getComments($scope.jornada);
                    $scope.comment = {};
                };
            }
        };

---

¿Alguien que pueda ayudar? Muchas gracias!

Answer 1

Quita var localStorage = $window.localStorage;

usa directamente localStorage sin declarar.