Skip to main content
3 de 3
AngularJS(Angular 1) y Angular(Angular 2+) son considerados frameworks distintos. Aquí se utiliza AngularJS por tanto lo correcto es ponerlo así en la pregunta.

Actualización de vista en tiempo real con AngularJS (Angular 1)

Estoy tratando de manejar la actualización push en AngularJS en la vista pero me ha quedado imposible. Sé lo siguiente:

  • Tengo un arreglo, este arreglo se llama marca1 y recibe todos los objetos que trae la petición get que realizo al servidor y se muestra en la vista con ng-repeat.
  • Cuando envío la petición post para guardar un nuevo dato, ésta obtiene una respuesta del server que la guardo en un objeto llamado pepa.
  • Utilizo la función push para que mi arreglo actualice la vista, pero eso no funciona.

¿Por qué puede estar fallando?¿Cómo puedo solucionarlo?

Éste es mi codigo:

miAppAngular.controller('marca',function($scope,$http,$location, $routeParams,configuracionGlobal){

  $scope.config = configuracionGlobal;
  $scope.marca1=[];

  $http.get( configuracionGlobal.api_url + "/marca/listaMarca.php")
    .then( function(respuesta){
    $scope.marca1=respuesta.data;
  });

  $scope.nuevaMarca = function ( ){  
    $scope.newMarca={
      'nombre':$scope.nombreMarca
    }

    $scope.pepa={};
    //     
    $http({
      url: configuracionGlobal.api_url + "/marca/nuevaMarca.php",  
      method: "POST",
      data: $scope.newMarca,   
      headers: {'Content-Type': 'application/x-www-form-urlencoded'}
    })
      .then(
      function(respuesta){
        $scope.pepa= respuesta;
        $scope.marca1.push($scope.pepa);

        $('#modalMarca').modal('hide');
      }
    )         
  }