使用Angular JS对表进行自定义分页

时间:2014-01-18 09:49:30

标签: angularjs pagination

我正在尝试为我的代码添加分页。点击后我可以添加行数     添加按钮。但是,混淆了如何应用分页习惯。

有关如何实施的任何建议? 这是我的小提琴http://jsfiddle.net/H2ps5/185/

var myApp = angular.module('myApp',[]);

myApp.controller('ctrl',function($scope){
$scope.firstname = 'Nizam'; // Set First Name on Page Load.
$scope.lastname = 'Ali'; // Set Last Name on Page Load.
$scope.users = []; // Define "users" Array.

/**
 * Adding a new user.
 */
$scope.newuser = function(){

    if($scope.firstname != "" && $scope.lastname != ""){ // If Values are not Empty.
        this.users.push( // Push the values of First Name & Last Name in "users" Array.
            {
                firstname:$scope.firstname, // Key value pair.
                lastname:$scope.lastname
            }
        );
        $scope.firstname = ''; // Clear First Name
        $scope.lastname = ''; // Clear Last Name
    } else {
        alert("Please fill values");
    }
}

$scope.remove = function(user){ // Removing the user.
    $scope.users.splice($scope.users.indexOf(user),1);
}

});

请给我建议我需要去哪个方式

1 个答案:

答案 0 :(得分:0)

指挥应该是一种方式。

制作自己的指令,以便在作用域中的用户数达到10或20或任何您想要的任何内容时处理如何操作DOM。

也许另一个用于页面之间的导航链接。