如何在控制器中设置页面最后一页ui-bootstrap?

时间:2016-05-07 22:24:42

标签: angularjs angular-ui-bootstrap

在控制器中运行一个函数后,如何在分页ui-bootstrap中强制执行最后一页?

我的想法是创建一个新元素,并通过在最后一页中设置分页来创建它,就像这样。

// create new product 
$scope.createElement = function(){
    $scope.crear = "2";

    // fields in key-value pairs
    $http.post('procesos/administradorcontroler.php', {
            'element' : $scope.banco,
            'action' : $scope.crear
        }
    ).success(function (data, status, headers, config) {



        // refresh the list
        $scope.getAll();

       //go to last element created
       $scope.goLastPage();

    });

1 个答案:

答案 0 :(得分:0)

您需要在控制器中使用$ scope.currentPage值,而不是将其绑定到分页指令上的ngModel属性,如文档here中所述。它包含您尝试执行的操作的示例,除了您需要在$ http成功函数中设置控制器中的ngModel值。

根据您在下面的评论,文档将num-pages列为只读属性,所以

<pagination num-pages="numPages"></pagination>

将为您提供在分页中呈现的页数,然后您可以执行以下操作:

$scope.currentPage = $scope.numPages.

您可能需要在超时中包装它,以便在$ http响应中设置源后为分页指令提供渲染时间,以确保num-pages准确无误。