2

Estoy tratando de implementar un sistema de comentarios a mis publicaciones en angular js con Laravel. El problema que tengo es que al agregar un comentario no se suma al listado de comentarios si no que elimina el último colocado en la lista y se agrega el más reciente.

Mi html:

<div class="mdl-card__actions mdl-card--border" ng-controller="CommentController as c"><!--Micontrolardor para agregar los comentarios-->
        <ul class="img-comment-list" id="commentload">

          <li ng-repeat="comments in p.comentarios"><!--Lista de comentarios-->
              <div class="comment-img">
                <img src="{{comments.users.mini_profile_pic}}">
              </div>
              <div class="comment-text">
                  <strong><a href="{{comments.users.username}}">{{comments.users.username}}</a></strong>
                  <p>{{comments.body}}</p> <span class="date sub-text">{{comments.created_at | timeLib}}</span>
              </div>
          </li>
          <div ng-repeat="cmt in listCmt" ng-include="'views/comment-list-template.html'"></div><!--Aqui cuando comentan se agregan los comentarios solo que no se suman-->
        </ul>
        <form>
          <div class="comment_it commentupdate">
            <div class="up_img">
              <img src="" width="35" height="35" />
            </div>
            <div class="comments-text-post-area">
              <input type="hidden" ng-model="c.cid"  ng-init="c.cid = p.id">
              <textarea class="add-y-comment" ng-model="c.comment" placeholder="Comentar"></textarea>
            </div>

            <div class="comment-post-wall">
              <div class="cancel-comment">
                  <button type="button" name="button" class="mdl-button mdl-js-button mdl-button--raised" id="" rel="">CANCELAR</button>
              </div>
              <div class="send-comment">
                    <button type="submit" name="button" class="mdl-button mdl-js-button mdl-button--raised" ng-click="c.addComment()">ENVIAR</button>
              </div>
            </div>

          </div>
        </form>
      </div>

Mi controlador CommentController:

(function() {
    'use strict';

    angular
        .module('apiFromApp')
        .controller('CommentController', CommentController);

    CommentController.$inject = ['$http', '$scope', 'CONFIG'];

    /* @ngInject */
    function CommentController($http, $scope, CONFIG) {
        var self = this;




        self.addComment = function() {
          var cmt = {
            id: self.cid,
            text: self.comment
          }
          $http.post(CONFIG.APIURL + 'post/comment', {id: cmt.id, text: cmt.text }).success(function(res) {
            $scope.listCmt = res;
            self.comment = "";
          });

        }
    }
})();
1
  • Que retorna el post? Puedes publicar ese json que devuelve?
    – sioesi
    el 27 dic. 2016 a las 11:05

1 respuesta 1

1

Según lo que puedo ver, deberías declarar $scope.listCmt fuera de la función y revisar lo que devuelve el método post.

function CommentController($http, $scope, CONFIG) {
    var self = this;

    $scope.listCmt = []; /* Declaro mi array de comentarios */


    self.addComment = function() {
      var cmt = {
        id: self.cid,
        text: self.comment
      }
      $http.post(CONFIG.APIURL + 'post/comment', {id: cmt.id, text: cmt.text }).success(function(res) {

         /* si el método post solo devuelve el último comentario */
        $scope.listCmt.push(res);

        /* Otra forma sería llamar todos los comentarios */
       $http.get(URL-DEL-METODO-GET).success(function(res){
           $scope.listCmt=res
        })


        self.comment = "";
      });

    }
}

Te recomiendo esta guía de estilos que es en la cual nos basamos en mi lugar de trabajo: Guía de estilos

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

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