重新加载后,分页不会从ng-repeat加载所有数据

时间:2016-05-13 15:11:51

标签: angularjs view ng-repeat angular-bootstrap

即时使用ng-repeat来显示使用mysql的数据库中的所有值,我将数据转换为此处显示的php脚本中的字符串。

CREATE VIEW myview AS SELECT <some-query> <some-group-by>;
SELECT FROM myview WHERE <some-filter>;

然后在控制器中我将数据绑定到范围。

<?php 

   require("../easyCRUD/Usuarios.class.php");
   require("../easyCRUD/TipoUsuario.class.php");

header("Access-Control-Allow-Origin: *");
header("Content-Type: application/json; charset=UTF-8"); 

   $usuario = new Usuarios();
   $tipousuario = new TipoUsuario();  

   $usuarios = $usuario->all();     
 $data="";
$len = count($usuarios);
$i = 0;

foreach($usuarios as $ban){
    //echo "i=".$i;
        $tipousuario->find($ban['id_tipo_usuario']);
    $data .= '{';

    $data .= '"id_usuario":"'  . $ban['id_usuario'] . '",'; 
    $data .= '"usuario":"'  . $ban['usuario'] . '",';   
    $data .= '"nombre":"'  . $ban['nombre'] . '",'; 
    $data .= '"apellido":"'  . $ban['apellido'] . '",'; 
    $data .= '"cedula":"'  . $ban['cedula'] . '",'; 
    $data .= '"correo":"'  . $ban['correo'] . '",'; 
    $data .= '"telefono":"'  . $ban['telefono'] . '",'; 
    $data .= '"estado":"'  . $ban['estado_cliente'] . '",'; 
    $data .= '"tipo_usuario":"'  . $tipousuario->tipo_usuario. '"';

    $data .= '}';
    if ($i != $len - 1) {
    $data .= ',';
    }
     $i++;
}
echo '{"records":[' . $data . ']}'; 
?>

在视图中我用ng-repeat

显示了值
$scope.getAll = function(){
    console.log("starto");
    $http.get("procesos/read_usuario.php").success(function(response){
        $scope.names = response.records;


        console.log($scope.names);
    console.log("finish");
    });
}

在我的控制台中,它甚至可以正确显示所有数据&#34; usuario&#34;但是当我在视图中渲染时,唯一没有显示的值是&#34; usuario&#34;。

view render

编辑:它似乎是分页的问题,我使用angular-bootstrap分页,如果我点击下一步它显示缺失的值。

2 个答案:

答案 0 :(得分:0)

您正在尝试呈现tipo_usuario,但在您的控制台日志中,该属性称为usuario

答案 1 :(得分:0)

原来是分页,我没有设置当前页面的值和页面大小。

$scope.pageSize=5;
$scope.currentPage=1;