Question

我使用angularjs作为UI，使用codeigniter作为后端（REST Server）。当我只使用codeigniter时，我知道如何制作分页，但我可以弄清楚如何制作这种情况。为此，我制作了一个功能来测试它。

所以在REST服务器（codeigniter）上我做了测试功能：

    $this->load->library('pagination');

    $config['base_url'] = 'http://localgost/test';
    $config['total_rows'] = 200;
    $config['per_page'] = 20;

    $this->pagination->initialize($config);

    $links = $this->pagination->create_links();
    $this->response($links, REST_Controller::HTTP_OK);

在UI端（angularjs），我在HTTP请求上获取字符串：

<strong>1</strong><a href="http://localhost/test/20" data-ci-pagination-page="2">2</a><a href="http://localhost/test/40" data-ci-pagination-page="3">3</a><a href="http://localhost/test/20" data-ci-pagination-page="2" rel="next">&gt;</a><a href="http://localhost/test/180" data-ci-pagination-page="10">Last &rsaquo;</a>

但我无法弄清楚如何将此字符串转换为分页按钮。

有谁知道我怎么做，如果可能的话？如果我通过这个测试取得成功，我将很容易为我的所有页面分页。

Answer 1

我有同样的问题，我使用jquery来解决它：

创建一个div标签来显示分页按钮

<div class="pagination"></div>

并使用jquery：

jQuery('.pagination').html(data.pages);

并在codeigniter中尝试使用angular url作为base_url：

$config['base_url'] = '#/users;
$config['total_rows'] = 100;
$config['per_page'] = 10; 
$config['use_page_numbers'] = TRUE;
$config['uri_segment'] = 4;

angularjs和codeigniter分页

1 个答案: