更新视图角度数组推送

时间:2016-12-06 01:40:03

标签: php mysql angularjs

我正在尝试在视图中处理Angular中的推送更新,但这对我来说是不可能的。我知道以下内容:

我有一个数组,这个数组名为 marca1 ,它接收我向服务器发出的get请求的所有对象,并在视图中显示 ng-repeat < /强>

当我发送保存新数据的帖子请求时,它会从服务器获得一个响应,我将其保存在名为 pepa 的对象中。

我使用push功能修复视图,但这不起作用。

为什么会失败?我该如何解决?

这是我的代码:

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');
      }
    )         
  }

1 个答案:

答案 0 :(得分:0)

尝试在发布后运行getMarca:

$scope.getMarca = function() {
$http.get( configuracionGlobal.api_url + "/marca/listaMarca.php")

.then(function(respuesta)
{
    $scope.marca1=respuesta.data;
});
}

在帖子的.then()中,在结束通话时:$scope.getMarca()

这将更新数组$ scope.marca1。

POST后返回的响应通常用于检查;是成功还是失败(或从后端返回自定义值)。